Changeset 48032

Timestamp:

06/12/2020 03:09:35 PM (4 years ago)

Author:

ianbelanger

Message:

Bundled Themes: Twenty Nineteen long submenu item titles do not wrap.

Fixes the issue of long submenu item titles that do not wrap by adding a max-width: 20rem; and removing white-space: nowrap;.

Props kjellr, mukesh27, mohsinrasool, samful.
Fixes #45866.

Location:

trunk/src/wp-content/themes/twentynineteen

Files:

• sass/navigation/_menu-main-navigation.scss (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss

@@ -206 +206 @@
                 text-shadow: none;
                 padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
-                white-space: nowrap;
+                max-width: #{20 * $size__spacing-unit};
 
                 &:hover,

trunk/src/wp-content/themes/twentynineteen/style.css

@@ -2959 +2959 @@
   text-shadow: none;
   padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
-  white-space: nowrap;
+  max-width: 20rem;
 }