Changeset 32075

Timestamp:

04/08/2015 04:37:13 PM (10 years ago)

Author:

helen

Message:

Admin menu: fix colors for focus state and in IE8.

props afercia.
fixes #31345.

Location:

trunk/src/wp-admin/css

Files:

• admin-menu.css (modified) (5 diffs)
• colors/_admin.scss (modified) (1 diff)

trunk/src/wp-admin/css/admin-menu.css

@@ -360 +360 @@
 
 div.wp-menu-image:before {
-    color: #999;
+    color: #a0a5aa;
+    color: rgba(240,245,250,0.6);
     padding: 7px 0;
     -webkit-transition: all .1s ease-in-out;
@@ -367 +368 @@
 
 #adminmenu div.wp-menu-image:before {
-    color: #00b9eb;
+    color: #a0a5aa;
     color: rgba(240,245,250,0.6);
 }
@@ -375 +376 @@
 #adminmenu .current div.wp-menu-image:before,
 #adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
-#adminmenu a.current:hover div.wp-menu-image:before {
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
     color: #fff;
 }
 
-#adminmenu li:hover div.wp-menu-image:before {
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
     color: #00b9eb;
+}
+
+/* IE8 doesn't redraw the pseudo elements unless you make a change to the content, this restore the initial color after hover */
+.ie8 #adminmenu li.opensub div.wp-menu-image:before {
+    color: #a0a5aa;
 }
 
@@ -538 +548 @@
     line-height: 34px;
     margin-top: 10px;
-    color: #00b9eb;
+    color: #a0a5aa;
     color: rgba(240,245,250,0.6);
     -webkit-transition: all .1s ease-in-out;
@@ -578 +588 @@
     left: -3px;
     top: -3px;
-    color: #00b9eb;
+    color: #a0a5aa;
     color: rgba(240,245,250,0.6);
     font: normal 20px/1 'dashicons' !important;

trunk/src/wp-admin/css/colors/_admin.scss

@@ -212 +212 @@
 }
 
-#adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before,
+.ie8 #adminmenu li.opensub div.wp-menu-image:before {
     color: $menu-current-icon;
 }