Make WordPress Core


Ignore:
Timestamp:
04/23/2019 07:47:14 PM (6 years ago)
Author:
laurelfulford
Message:

Twenty Nineteen: Prevent too-long strings from causing horizontal scrolling.

Add hyphen and word-wrap styles to the site title, comments, and widget areas to break too-long strings and prevent horizontal scrolling.

Props ianbelanger, dswebsme, mukesh27.
Fixes #46704.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentynineteen/sass/typography/_headings.scss

    r44650 r45258  
    146146.comments-title,
    147147blockquote {
     148    -webkit-hyphens: auto;
     149    -moz-hyphens: auto;
     150    -ms-hyphens: auto;
    148151    hyphens: auto;
    149152    word-break: break-word;
     153    word-wrap: break-word;
    150154}
    151155
     
    153157.entry-title {
    154158    @include media(tablet) {
     159        -webkit-hyphens: none;
     160        -moz-hyphens: none;
     161        -ms-hyphens: none;
    155162        hyphens: none;
    156163    }
Note: See TracChangeset for help on using the changeset viewer.