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 17 months ago.
Text overflow design issue

Download all attachments as: .zip

Change History (3)

@patelhitesh
17 months ago

Text overflow design issue

#1 @patelhitesh
17 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
10 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.