Making WordPress.org

Opened 2 years ago

Closed 21 months ago

Last modified 19 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 2 years ago.
after.png (46.0 KB) - added by Presskopp 2 years ago.
5033.patch (916 bytes) - added by milana_cap 21 months ago.

Download all attachments as: .zip

Change History (14)

@Presskopp
2 years ago

@Presskopp
2 years ago

#1 @Presskopp
2 years ago

  • Keywords has-screenshots added

#2 @Presskopp
2 years ago

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

#3 @valentinbora
2 years ago

  • Component changed from General to HelpHub

#4 @Presskopp
2 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
2 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
21 months ago

#6 @milana_cap
21 months ago

  • Keywords has-patch added; needs-patch removed

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


21 months ago

#8 @coffee2code
21 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
21 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
21 months 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 21 months ago by Presskopp (previous) (diff)

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


19 months ago

Note: See TracTickets for help on using tickets.