Making WordPress.org

#6700 closed defect (bug) (worksforme)

Text overflow design issue in responsive design

Reported by: patelhitesh's profile patelhitesh Owned by:
Milestone: Priority: normal
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 20 months ago.
Text overflow design issue

Download all attachments as: .zip

Change History (3)

@patelhitesh
20 months ago

Text overflow design issue

#1 @patelhitesh
20 months 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
13 months ago

  • Component changed from WordPress.org Site to HelpHub
  • Keywords needs-patch needs-design-feedback has-screenshots removed
  • Resolution set to worksforme
  • Status changed from new to closed

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.