WordPress.org

Making WordPress.org

Opened 14 months ago

Closed 12 months ago

Last modified 10 months 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
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 14 months ago.
after.png (46.0 KB) - added by Presskopp 14 months ago.
5033.patch (916 bytes) - added by milana_cap 12 months ago.

Download all attachments as: .zip

Change History (14)

@Presskopp
14 months ago

@Presskopp
14 months ago

#1 @Presskopp
14 months ago

  • Keywords has-screenshots added

#2 @Presskopp
14 months ago

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

#3 @valentinbora
14 months ago

  • Component changed from General to HelpHub

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

@milana_cap
12 months ago

#6 @milana_cap
12 months ago

  • Keywords has-patch added; needs-patch removed

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


12 months ago

#8 @coffee2code
12 months 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
12 months 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
12 months ago

I'd further add st. like:

th {
    font-size: 13px;
    height: 100px;
    font-weight: 800;
}
Version 0, edited 12 months ago by Presskopp (next)

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


10 months ago

Note: See TracTickets for help on using tickets.