https://www.redmine.org/https://www.redmine.org/favicon.ico?16793021292021-07-08T15:26:42ZRedmineRedmine - Defect #35545: Fix css class assignment in issue custom field rendering in show viewhttps://www.redmine.org/issues/35545?journal_id=1031702021-07-08T15:26:42ZLiane Hampe
<ul></ul><p>This is the content of the patch file:</p>
<pre>
diff --git a/app/helpers/issues_helper.rb b/app/helpers/issues_helper.rb
index 756d7ed4c..d43a7db8b 100755
--- a/app/helpers/issues_helper.rb
+++ b/app/helpers/issues_helper.rb
@@ -332,7 +332,7 @@ module IssuesHelper
def to_html
content =
content_tag('div', @left.reduce(&:+), :class => 'splitcontentleft') +
- content_tag('div', @right.reduce(&:+), :class => 'splitcontentleft')
+ content_tag('div', @right.reduce(&:+), :class => 'splitcontentright')
content_tag('div', content, :class => 'splitcontent')
end
</pre> Redmine - Defect #35545: Fix css class assignment in issue custom field rendering in show viewhttps://www.redmine.org/issues/35545?journal_id=1032212021-07-13T21:57:59ZGo MAEDA
<ul><li><strong>File</strong> <a href="/attachments/27732">35545-layout-issue.png</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/27732/35545-layout-issue.png">35545-layout-issue.png</a> added</li></ul><p>The suggested change causes a layout issue. See the screenshot below.</p>
<p><img src="https://www.redmine.org/attachments/download/27732/35545-layout-issue.png" style="border: 1px solid grey;width: 762px;" alt="" /></p> Redmine - Defect #35545: Fix css class assignment in issue custom field rendering in show viewhttps://www.redmine.org/issues/35545?journal_id=1032222021-07-14T07:37:41ZLiane Hampe
<ul><li><strong>File</strong> <a href="/attachments/27734">35545-layout-issue-flex-css.png</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/27734/35545-layout-issue-flex-css.png">35545-layout-issue-flex-css.png</a> added</li></ul><p>Hi Go MAEDA,</p>
<p>Thank you for this important information.</p>
<p>I have fixed it with some more css:</p>
<pre>
Old styles:
.splitcontent {overflow: auto; display: flex; flex-wrap: wrap}
.splitcontentleft {flex: 1; margin-right: 5px;}
.splitcontentright {flex: 1; margin-left: 5px;}
New styles:
.splitcontent {overflow: auto; display: flex; flex-wrap: wrap;justify-content: space-between}
.splitcontentleft, .splitcontentright {width: 49.5%}
</pre>
<p>This is how it looks like now:</p>
<p><img src="https://www.redmine.org/attachments/download/27734/35545-layout-issue-flex-css.png" alt="" /></p>
<p>It also looks nice on the project overview page where the same css classes are used.</p>
<p>Best Regards<br />Liane</p> Redmine - Defect #35545: Fix css class assignment in issue custom field rendering in show viewhttps://www.redmine.org/issues/35545?journal_id=1032242021-07-14T08:31:14ZLiane Hampe
<ul><li><strong>File</strong> <a href="/attachments/27736">fix_issue_custom_field_css.patch</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/27736/fix_issue_custom_field_css.patch">fix_issue_custom_field_css.patch</a> added</li></ul><p>Here is the patch file for the css changes.</p>