[wp-trac] [WordPress Trac] #52426: Columns Width-CSS Problem in Post and Page List Table

[WordPress Trac]

#52426: Columns Width-CSS Problem in Post and Page List Table
--------------------------+-----------------------------
 Reporter:  lospeso       |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  General       |    Version:  5.6
 Severity:  normal        |   Keywords:
  Focuses:                |
--------------------------+-----------------------------
 https://core.trac.wordpress.org/newticket


 The width of the columns in the Post or Page table list is causing display
 issues in WordPress. This is especially when plugins, like Yoast, add
 columns.

 The current CSS WordPress uses to display the table list of post or pages
 ends up creating a poor column layout display.

 The CSS is coming from this WordPress File:

 {{{
 /wp-admin/load-styles.php
 }}}

 These are the "ISSUE" CSS entries:

 {{{
 .fixed .column-author, .fixed .column-format, .fixed .column-links, .fixed
 .column-parent, .fixed .column-posts {
     width: 10%;
 }
 .fixed .column-categories, .fixed .column-rel, .fixed .column-response,
 .fixed .column-role, .fixed .column-tags {
     width: 15%;
 }
 .fixed .column-date {
     width: 14%;
 }

 }}}

 Here is the "FIX" I applied:

 {{{
 .fixed .column-author, .fixed .column-format, .fixed .column-links, .fixed
 .column-parent, .fixed .column-posts {
 width: auto !important;
 }
 .fixed .column-categories, .fixed .column-rel, .fixed .column-response,
 .fixed .column-role, .fixed .column-tags {
 width: auto !important;
 }
 .fixed .column-date {
 width: auto !important;
 }
 }}}

 I had use "Important" because I applied the fix using a browser extension
 called "Stylus", which allows me to use Custom CSS and apply it to any
 page the browser displays.

 I tested this fix in other WordPress installations and the fix works fine.

 The issue is certain columns were given widths of a certain size, instead
 of allowing the browser to automatically adjust the columns.

 You can see the difference in the screenshots I created and named them
 accordingly (Issue & Fix) to match the above CSS I posted.

 Images:
 (1) 20210102-ISSUE-Current-Columns-Width-Post-List-Page.jpg

 See Here: [https://prnt.sc/y1r9nc]

 (2) 20210102-FIX-Current-Columns-Width-Post-List-Page.jpg

 See here: [https://prnt.sc/y1rd5i]

 Thank-you.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/52426>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform