Making WordPress.org

Opened 4 months ago

Closed 3 weeks ago

Last modified 3 weeks ago

#5033 closed defect (fixed)

Capabilities table is formatted in a bad way

Reported by: Presskopp Owned by: coffee2code
Milestone: Priority: normal
Component: HelpHub Keywords: has-screenshots has-patch


The capabilities table here


is ugly and unreadable. Let's patch it please.

I have a little CSS to share that's hopefully helping

table {
    font-size: 80%;
th {
    transform: rotate(-67deg);
    text-align: center;
    padding: 24px 0 25px 12px;
td:not(:first-child) {
    text-align: center;

Attachments (3)

before.png (44.8 KB) - added by Presskopp 4 months ago.
after.png (46.0 KB) - added by Presskopp 4 months ago.
5033.patch (916 bytes) - added by milana_cap 3 weeks ago.

Download all attachments as: .zip

Change History (13)

4 months ago

4 months ago

#1 @Presskopp
4 months ago

  • Keywords has-screenshots added

#2 @Presskopp
4 months ago

  • Summary changed from Cpabilities table is formatted in a bad way to Capabilities table is formatted in a bad way

#3 @valentinbora
4 months ago

  • Component changed from General to HelpHub

#4 @Presskopp
3 months ago

Note: Whatever will be done here should be limited to this specific table, otherwise pages like https://wordpress.org/about/history/ could be damaged.

#5 @dufresnesteven
3 months ago

The padding you have added definitely makes it look better. I think we would want to avoid having the table with an overflow.

On the other side, would we consider removing the table? Is it still providing value with since the roles and capabilities are outline above?

3 weeks ago

#6 @milana_cap
3 weeks ago

  • Keywords has-patch added; needs-patch removed

This ticket was mentioned in Slack in #docs by zzap. View the logs.

3 weeks ago

#8 @coffee2code
3 weeks ago

  • Owner set to coffee2code
  • Resolution set to fixed
  • Status changed from new to closed

In 9820:

Support theme: Add styling for tables.

Props milana_cap, presskopp.
Fixes #5033.

#9 @joyously
3 weeks ago

I have reloaded the page, refreshed the CSS (via bookmarklet), and I still don't see the change.
Also, the patch didn't address all the problems, or make much change (background color and centering, but not rotating the headings or reducing font size).
And the existing table is still hard to read, unlike the original which had some color showing the roles easily.


#10 @Presskopp
3 weeks ago

I'd further add st. like:

th {
    font-size: 13px;
    height: 100px;
    font-weight: 800;

Oh no, please disregard this. I had some custom CSS active on the page and was not seeing your patch.

Last edited 3 weeks ago by Presskopp (previous) (diff)
Note: See TracTickets for help on using tickets.