Changeset 45258 for trunk/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss

Timestamp:

04/23/2019 07:47:14 PM (7 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:

• trunk/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss (modified) (2 diffs)

trunk/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss

@@ -16 +16 @@
                 flex-wrap: wrap;
                 .widget {
+                        -webkit-hyphens: auto;
+                        -moz-hyphens: auto;
+                        -ms-hyphens: auto;
+                        hyphens: auto;
                         width: 100%;
+                        word-wrap: break-word;
                         @include media(desktop) {
                                 margin-right: calc(3 * #{$size__spacing-unit});
@@ -26 +31 @@
         .site-info {
                 color: $color__text-light;
+                -webkit-hyphens: auto;
+                -moz-hyphens: auto;
+                -ms-hyphens: auto;
+                hyphens: auto;
+                word-wrap: break-word;
 
                 a {