[wp-trac] [WordPress Trac] #52151: Post / Page Title Columns broken (was: post title broken on posts screen)

WordPress Trac noreply at wordpress.org
Thu Sep 30 21:10:21 UTC 2021


#52151: Post / Page Title Columns broken
----------------------------+---------------------
 Reporter:  pascoedj        |       Owner:  (none)
     Type:  defect (bug)    |      Status:  new
 Priority:  normal          |   Milestone:  5.9
Component:  Administration  |     Version:  5.6
 Severity:  normal          |  Resolution:
 Keywords:  needs-patch     |     Focuses:  css
----------------------------+---------------------

Comment (by lospeso):

 For the sake of reference and confirmation there is an issue how WordPress
 styles the columns in the Post and Page list.

 So, for the benefit of this ticket, I copied the content from my other
 ticket (52426) and post it here since my ticket was closed and referred to
 this ticket here.

 ----- My Report On Columns Widths Issue / Post-Page List -----

 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 because it is trying to
 restrict the column widths.

 ''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 CSS "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.

 ''Screenshot 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]

 Hope this helps.

 Thank-you.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/52151#comment:13>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform


More information about the wp-trac mailing list