wp/wp-admin/css/admin-menu-rtl.css
changeset 9 177826044cd9
parent 7 cf61fcea0001
child 16 a86126ab1dd4
--- 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;