Making WordPress.org

Opened 13 months ago

Closed 7 months ago

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

Download all attachments as: .zip

Change History (3)

@patelhitesh
13 months ago

Text overflow design issue

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