Changeset 30955

Timestamp:

12/17/2014 04:38:51 PM (12 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;
         }