Vote #76274
完了Issues reports table header overlaping
0%
説明
Hi,
After migrating from Redmine 1.2.1 to 3.0.1, the Issues > Summary > Reports details page does not have the same behaviour for the table header overflow.
We use around 20 "Issues statuses" in our Redmine instance and with this latest Redmine version, headers overlap to fit in the window size which make them unreable (see attached screenshots).
This change might have been done before the Redmine 3.0.1 release but I did not find the entry about it in Changelogs.
Thanks,
Antoine
journals
I confirmed this behavior. It is caused by
<pre>
table.issue-report {table-layout:fixed;}
</pre>
source:trunk/public/stylesheets/application.css@14155#L173
If I change it to _table-layout:auto_ . I can see all the content.
You can fixed this by creating a custom theme to change this style. Just while waiting for a patch.
--------------------------------------------------------------------------------
Thanks, it works fine.
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
Leonel Iturralde wrote:
> If I change it to _table-layout:auto_ . I can see all the content.
Thank you for the workaround.
But changing table-layout property from @fixed@ to @auto@ causes other problem. Please see the screenshots blow. The right end of the table is not displayed (actually there are columns "status nine", "Open", "Closed", "Total"). And columns are not aligned in issues summary page.
*Before fix:*
!{border: 1px solid #ccc;}.table-layout-fixed@2x.png!
*After:*
!{border: 1px solid #ccc;}.table-layout-auto-report-detail@2x.png!
!{border: 1px solid #ccc;}.table-layout-auto-summary@2x.png!
I think adding @white-space: nowrap@ to th elements is better solution.
<pre><code class="diff">
Index: public/stylesheets/application.css
===================================================================
--- public/stylesheets/application.css (revision 17048)
+++ public/stylesheets/application.css (working copy)
@@ -274,6 +274,7 @@
tr.issue.idnt-9 td.subject {padding-left: 152px; background-position: 136px 50%;}
table.issue-report {table-layout:fixed;}
+table.issue-report th {white-space: normal;}
tr.entry { border: 1px solid #f8f8f8; }
tr.entry td { white-space: nowrap; }
</code></pre>
!{border: 1px solid #ccc;}.white-space-normal-report-detail@2x.png!
--------------------------------------------------------------------------------
Setting target version to 3.3.6.
*Before:*
!{border: 1px solid #ccc;}.table-layout-fixed@2x.png!
*After:*
!{border: 1px solid #ccc;}.white-space-normal-report-detail@2x.png!
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
Committed to the trunk.
--------------------------------------------------------------------------------
Merged to 3.4-stable and 3.3-stable.
--------------------------------------------------------------------------------
related_issues
relates,Closed,15307,HTML 5 deprecates width and align attributes
relates,Closed,27772,Issues reports should show only statuses used by the project