From c8d94810d3265c6be6234681cd4ce7bf7564113b Mon Sep 17 00:00:00 2001 From: Helen Hou-Sandi Date: Wed, 14 Oct 2020 19:51:12 +0000 Subject: [PATCH] Admin Menu: Better wrapping for long menu item names. Props munyagu, jagirbaheshwp, harshbarach, pratikkry, hareesh-pillai, naveenkharwar, mukesh27, chetan200891, dushanthi, worldweb, audrasjb, afercia, amolv, iqbalbary, davidbaumwald, sabernhardt, johnjamesjacoby, garrett-eclipse, garrett-eclipse. Fixes #42201. git-svn-id: https://develop.svn.wordpress.org/trunk@49149 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/admin-menu.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/src/wp-admin/css/admin-menu.css b/src/wp-admin/css/admin-menu.css index 1670719ba7..d18bf68724 100644 --- a/src/wp-admin/css/admin-menu.css +++ b/src/wp-admin/css/admin-menu.css @@ -346,7 +346,14 @@ } #adminmenu div.wp-menu-name { - padding: 8px 0; + padding: 8px 8px 8px 36px; + overflow-wrap: break-word; + word-wrap: break-word; + -ms-word-break: break-all; + word-break: break-word; + -ms-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; } #adminmenu div.wp-menu-image { @@ -682,7 +689,7 @@ li#wp-admin-bar-menu-toggle { } .auto-fold #adminmenu a.menu-top { - height: 34px; + min-height: 34px; } .auto-fold #adminmenu li.wp-menu-open { @@ -783,7 +790,6 @@ li#wp-admin-bar-menu-toggle { /* Restore the menu names */ .auto-fold #adminmenu .wp-menu-name { position: static; - margin-left: 35px; } /* Switch the arrow side */