Making WordPress.org

Opened 5 years ago

Closed 5 years ago

Last modified 5 years ago

#5033 closed defect (bug) (fixed)

Capabilities table is formatted in a bad way

Reported by: presskopp's profile Presskopp Owned by: coffee2code's profile coffee2code
Milestone: Priority: normal
Component: HelpHub (wordpress.org/documentation) Keywords: has-screenshots has-patch
Cc:

Description

The capabilities table here

https://wordpress.org/support/article/roles-and-capabilities/#capability-vs-role-table

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 5 years ago.
after.png (46.0 KB) - added by Presskopp 5 years ago.
5033.patch (916 bytes) - added by milana_cap 5 years ago.

Download all attachments as: .zip

Change History (14)

@Presskopp
5 years ago

@Presskopp
5 years ago

#1 @Presskopp
5 years ago

  • Keywords has-screenshots added

#2 @Presskopp
5 years ago

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

#3 @valentinbora
5 years ago

  • Component changed from General to HelpHub

#4 @Presskopp
5 years 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
5 years 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?

@milana_cap
5 years ago

#6 @milana_cap
5 years ago

  • Keywords has-patch added; needs-patch removed

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


5 years ago

#8 @coffee2code
5 years 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
5 years 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.
https://i.postimg.cc/k5qdT6zY/Roles-and-Capabilities-Word-Press-org-3121.jpg

https://i.postimg.cc/8C4B69LX/Roles-and-Capabilities-Word-Press-Codex-3631.jpg

#10 @Presskopp
5 years 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 5 years ago by Presskopp (previous) (diff)

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


5 years ago

Note: See TracTickets for help on using tickets.