diff -r c7c34916027a -r 177826044cd9 wp/wp-admin/css/admin-menu-rtl.css --- a/wp/wp-admin/css/admin-menu-rtl.css Mon Oct 14 18:06:33 2019 +0200 +++ b/wp/wp-admin/css/admin-menu-rtl.css Mon Oct 14 18:28:13 2019 +0200 @@ -159,14 +159,14 @@ #adminmenu a { display: block; - line-height: 18px; + line-height: 1.3; padding: 2px 5px; color: #eee; } #adminmenu .wp-submenu a { color: #b4b9be; - color: rgba(240,245,250,0.7); + color: rgba(240, 245, 250, 0.7); } #adminmenu .wp-submenu a:hover, @@ -202,7 +202,7 @@ padding: 7px 0 8px; z-index: 9999; background-color: #32373c; - box-shadow: 0 3px 5px rgba(0,0,0,0.2); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } .js #adminmenu .sub-open, @@ -280,7 +280,7 @@ #adminmenu .wp-submenu a { font-size: 13px; - line-height: 18px; + line-height: 1.4; margin: 0; padding: 5px 0; } @@ -298,7 +298,8 @@ .folded #adminmenu .wp-has-current-submenu li > a { padding-left: 16px; padding-right: 14px; - transition: all .1s ease-in-out; + /* Exclude from the transition the outline for Windows High Contrast mode */ + transition: all .1s ease-in-out, outline 0s; } #adminmenu .wp-has-current-submenu ul > li > a, @@ -310,7 +311,7 @@ #adminmenu .wp-submenu-head { font-size: 14px; font-weight: 400; - line-height: 18px; + line-height: 1.3; padding: 0; } @@ -330,7 +331,6 @@ #adminmenu .wp-submenu li { padding: 0; margin: 0; - overflow: hidden; } #adminmenu .wp-menu-image img { @@ -359,14 +359,14 @@ div.wp-menu-image:before { color: #a0a5aa; - color: rgba(240,245,250,0.6); + color: rgba(240, 245, 250, 0.6); padding: 7px 0; transition: all .1s ease-in-out; } #adminmenu div.wp-menu-image:before { color: #a0a5aa; - color: rgba(240,245,250,0.6); + color: rgba(240, 245, 250, 0.6); } #adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before, @@ -515,22 +515,23 @@ #adminmenu .update-plugins { display: inline-block; vertical-align: top; - margin: 1px 2px 0 0; + box-sizing: border-box; + margin: 1px 2px -1px 0; padding: 0 5px; - min-width: 7px; - height: 17px; - border-radius: 11px; + min-width: 18px; + height: 18px; + border-radius: 9px; background-color: #ca4a1f; color: #fff; - font-size: 9px; - line-height: 17px; + font-size: 11px; + line-height: 1.6; text-align: center; z-index: 26; } #adminmenu li.current a .awaiting-mod, #adminmenu li a.wp-has-current-submenu .update-plugins { - background-color: #00b9eb; + background-color: #ca4a1f; color: #fff; } @@ -547,16 +548,20 @@ padding: 0; position: relative; overflow: visible; - line-height: 34px; background: none; color: #aaa; cursor: pointer; - outline: 0; +} + +#collapse-button:hover { + color: #00b9eb; } -#collapse-button:hover, #collapse-button:focus { color: #00b9eb; + /* Only visible in Windows High Contrast mode */ + outline: 1px solid transparent; + outline-offset: -1px; } #collapse-button .collapse-button-icon, @@ -566,7 +571,10 @@ position: absolute; top: 0; right: 0; - line-height: 34px; +} + +#collapse-button .collapse-button-label { + top: 8px; } #collapse-button .collapse-button-icon { @@ -597,12 +605,10 @@ /* rtl:ignore */ .folded #collapse-button .collapse-button-icon:after, .rtl #collapse-button .collapse-button-icon:after { - -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rtl.folded #collapse-button .collapse-button-icon:after { - -webkit-transform: none; transform: none; } @@ -728,18 +734,16 @@ /* rtl:ignore */ .auto-fold #collapse-button .collapse-button-icon:after { - -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rtl.auto-fold #collapse-button .collapse-button-icon:after { - -webkit-transform: none; transform: none; } } -@media screen and ( max-width: 782px ) { +@media screen and (max-width: 782px) { .auto-fold #wpcontent { position: relative; margin-right: 0;