Changeset 6336

Timestamp:

01/10/2018 05:11:14 PM (7 years ago)

Author:

obenland

Message:

WP4: Account for browser button styles.

Fixes an appearance bug in Safari browsers after the switch to an actual button element.

See ​https://wordpress.slack.com/archives/C02QB8GMM/p1515602691000872
See #3365.

File:

• sites/trunk/wordpress.org/public_html/style/wp4.css (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/style/wp4.css

@@ -394 +394 @@
 
 #mobile-menu-button {
+    background: none;
+    border: none;
+    box-shadow: none;
     position: absolute;
     top: 75px;
@@ -407 +410 @@
     font-family: 'dashicons';
     line-height: 1;
+    padding: 1px;
+    text-shadow: none;
     -webkit-transition: color .1s ease-in 0;
     -moz-transition: color .1s ease-in 0;
+    transition: color .1s ease-in 0;
+    -webkit-appearance: none;
     -webkit-font-smoothing: antialiased;
 }
@@ -427 +434 @@
     font: normal 50px/1 'Dashicons';
     -webkit-font-smoothing: antialiased;
-}
-
-#mobile-menu-button:hover {
-    background:none;
 }