sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source 
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.

git-svn-id: https://develop.svn.wordpress.org/trunk@48032 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Ian Belanger 2020-06-12 15:09:35 +00:00
parent d32ec3352b
commit 55f0a18c02
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss
View File

@ -205,7 +205,7 @@
line-height: $font__line-height-heading; line-height: $font__line-height-heading;
text-shadow: none; text-shadow: none;
padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit; 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, &:hover,
&:focus { &:focus {

2
src/wp-content/themes/twentynineteen/style.css
View File

@ -2958,7 +2958,7 @@ body.page .main-navigation {
line-height: 1.2; line-height: 1.2;
text-shadow: none; text-shadow: none;
padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem; padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
white-space: nowrap; max-width: 20rem;
} }
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus, .main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,