WordPress.org

Making WordPress.org

Opened 5 years ago

Closed 5 years ago

#1037 closed defect (fixed)

Localized theme directory ratings are a bit out of order

Reported by: zodiac1978 Owned by: obenland
Milestone: Priority: normal
Component: Theme Directory Keywords:
Cc:

Description

Rating are okay on the original/english page:
https://wordpress.org/themes/vantage/

But ratings on the localied (e.g. German) page are out of order:
https://de.wordpress.org/themes/vantage/

5 stars = 66 has moved to a second line and 1 star has moved a little bit to the left.

Attachments (3)

Bildschirmfoto 2015-05-20 um 12.48.34.png (13.0 KB) - added by zodiac1978 5 years ago.
Original page - everything fine
Bildschirmfoto 2015-05-20 um 12.47.50.png (13.8 KB) - added by zodiac1978 5 years ago.
A little bit out of order - localized (German) page
Screen Shot 2015-05-20 at 8.55.27 pm.png (27.4 KB) - added by dd32 5 years ago.

Download all attachments as: .zip

Change History (6)

@zodiac1978
5 years ago

Original page - everything fine

@zodiac1978
5 years ago

A little bit out of order - localized (German) page

#1 @dd32
5 years ago

Another example with even longer strings: https://he.wordpress.org/themes/twentythirteen/

@obenland - Do you think you'd have some time to fix up the CSS for this?

Last edited 5 years ago by dd32 (previous) (diff)

#2 @zodiac1978
5 years ago

For German ist could be solved by making the min-width from the counter label slightly bigger and the counter a little smaller:

.theme-ratings .counter-label {
    min-width: 40px;
}
.theme-ratings .counter-back {
    width: calc(100% - 70px);
} 

But this would be different for each language. Maybe switching to a table in the markup?

#3 @obenland
5 years ago

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

In 1597:

WP.org Themes: Give ratings strings a bit more breathing room.

Allows for longer strings and three digit numbers to fit in the narrow sidebar.

Props zodiac1978.
Fixes #1037.

Note: See TracTickets for help on using tickets.