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

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:

• 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 {