WordPress.org

Make WordPress Core

Opened 4 years ago

Closed 4 years ago

#37033 closed enhancement (fixed)

Theme's name in theme preview is overlapping when a too long word is used.

Reported by: xavortm Owned by: kovshenin
Milestone: 4.6 Priority: normal
Severity: normal Version: 4.6
Component: Themes Keywords: has-patch has-screenshots
Focuses: ui, administration Cc:
PR Number:

Description

Screenshot with the issue can be seen here:

http://i.imgur.com/AjJAqxK.png

Most simple way of reproducing is by replacing the text string from the Dev Tools or by renaming a theme. I know having string like in the example is not often seen, but some languages or product names might require joining words like MyAwesomeCompanyThemeNaming or something of this sort for closed or public projects.

The solution is simple

word-wrap: break-word;
overflow-wrap: break-word;

Attachments (1)

37033.diff (371 bytes) - added by xavortm 4 years ago.

Download all attachments as: .zip

Change History (4)

@xavortm
4 years ago

#1 @xavortm
4 years ago

  • Keywords has-patch has-screenshots added

Attached patch for this issue only limited to the selector:

.theme-overlay .theme-name { ... }

Screenshot of the result:

http://i.imgur.com/NROLJ7j.png

Submitted at the WordCamp Belgrade Contributors day :) Cheers''

Last edited 4 years ago by xavortm (previous) (diff)

#2 @kovshenin
4 years ago

  • Milestone changed from Awaiting Review to 4.6
  • Owner set to kovshenin
  • Status changed from new to accepted

#3 @kovshenin
4 years ago

  • Resolution set to fixed
  • Status changed from accepted to closed

In 37872:

Themes: Wrap unusually long theme names on the Theme Details screen.

Props xavortm
Fixes #37033

Note: See TracTickets for help on using tickets.