Changeset 30955

Timestamp:

12/17/2014 04:38:51 PM (10 years ago)

Author:

lancewillett

Message:

Twenty Fifteen: ensure menu icon is properly centered for RTL views on small screens.

Props iamtakashi, fixes #30739.

Location:

trunk/src/wp-content/themes/twentyfifteen

Files:

• rtl.css (modified) (1 diff)
• style.css (modified) (4 diffs)

trunk/src/wp-content/themes/twentyfifteen/rtl.css

@@ -127 +127 @@
 }
 
-.secondary-toggle:before {
-    right: 0;
-    left: auto;
-}
-
-.secondary-toggle.toggled-on:before {
-    right: 0;
-    left: auto;
-}
-
 .post-navigation .has-post-thumbnail a:before {
     right: 0;

trunk/src/wp-content/themes/twentyfifteen/style.css

@@ -903 +903 @@
     color: #333;
     content: "\f419";
-    line-height: 42px;
-    position: relative;
-    top: -1px;
-    left: 0;
+    line-height: 40px;
+    width: 40px;
 }
 
@@ -920 +918 @@
     content: "\f405";
     font-size: 32px;
-    top: 0;
+    position: relative;
+    top: 1px;
     left: -1px;
 }
@@ -2884 +2883 @@
 
     .secondary-toggle:before {
-        line-height: 56px;
+        line-height: 54px;
+        width: 54px;
     }
 
@@ -3476 +3476 @@
 
     .secondary-toggle:before {
-        line-height: 64px;
+        line-height: 62px;
+        width: 62px;
     }