[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