Making WordPress.org

Opened 4 years ago

Closed 3 years ago

#6700 closed defect (bug) (worksforme)

Text overflow design issue in responsive design

Reported by: patelhitesh Owned by:
Priority: normal Milestone:
Component: HelpHub (wordpress.org/documentation) Keywords:
Cc:

Description

Please check the below URL:
https://wordpress.org/documentation/article/faq-work-with-wordpress/

When we inspect the page, the text is overflowing out of the container and not looks good.

Attachments (1)

CleanShot 2023-01-23 at 16.58.54@2x.png (186.7 KB ) - added by patelhitesh 4 years ago.
Text overflow design issue

Download all attachments as: .zip

Change History (3)

@patelhitesh
4 years ago

Text overflow design issue

#1 @patelhitesh
4 years ago

To resolve the above text overflow issue please find the below CSS:

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {

max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important;
word-break: break-all;

#2 @dd32
3 years ago

  • Component WordPress.org SiteHelpHub
  • Keywords needs-patch needs-design-feedback has-screenshots removed
  • Resolutionworksforme
  • Status newclosed

This appears to have originally been an invalid report.

Code should not wrap like suggested, and it doesn't appear to have been overflowing, instead it scrolls (which should be the correct experience for code IMHO).

Note: See TracTickets for help on using tickets.