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

lancewillett · lancewillett · commit 340f6052fd7e · 2014-12-17T16:38:51.000Z
Props iamtakashi, fixes #30739. git-svn-id: https://develop.svn.wordpress.org/trunk@30955 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-content/themes/twentyfifteen/rtl.css b/src/wp-content/themes/twentyfifteen/rtl.css
@@ -126,16 +126,6 @@ td {
 	left: 0;
 }
 
-.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;
 	left: auto;
diff --git a/src/wp-content/themes/twentyfifteen/style.css b/src/wp-content/themes/twentyfifteen/style.css
@@ -902,10 +902,8 @@ a:focus {
 .secondary-toggle:before {
 	color: #333;
 	content: "\f419";
-	line-height: 42px;
-	position: relative;
-	top: -1px;
-	left: 0;
+	line-height: 40px;
+	width: 40px;
 }
 
 .secondary-toggle:hover,
@@ -919,7 +917,8 @@ a:focus {
 .secondary-toggle.toggled-on:before {
 	content: "\f405";
 	font-size: 32px;
-	top: 0;
+	position: relative;
+	top: 1px;
 	left: -1px;
 }
 
@@ -2883,7 +2882,8 @@ p > video {
 	}
 
 	.secondary-toggle:before {
-		line-height: 56px;
+		line-height: 54px;
+		width: 54px;
 	}
 
 	.post-password-form label,
@@ -3475,7 +3475,8 @@ p > video {
 	}
 
 	.secondary-toggle:before {
-		line-height: 64px;
+		line-height: 62px;
+		width: 62px;
 	}
 
 	.post-password-form label,

Original file line number	Diff line number	Diff line change
`@@ -902,10 +902,8 @@ a:focus {`
`902`	`902`	`.secondary-toggle:before {`
`903`	`903`	`color: #333;`
`904`	`904`	`content: "\f419";`
`905`		`- line-height: 42px;`
`906`		`- position: relative;`
`907`		`- top: -1px;`
`908`		`- left: 0;`
	`905`	`+ line-height: 40px;`
	`906`	`+ width: 40px;`
`909`	`907`	`}`
`910`	`908`
`911`	`909`	`.secondary-toggle:hover,`
`@@ -919,7 +917,8 @@ a:focus {`
`919`	`917`	`.secondary-toggle.toggled-on:before {`
`920`	`918`	`content: "\f405";`
`921`	`919`	`font-size: 32px;`
`922`		`- top: 0;`
	`920`	`+ position: relative;`
	`921`	`+ top: 1px;`
`923`	`922`	`left: -1px;`
`924`	`923`	`}`
`925`	`924`
`@@ -2883,7 +2882,8 @@ p > video {`
`2883`	`2882`	`}`
`2884`	`2883`
`2885`	`2884`	`.secondary-toggle:before {`
`2886`		`- line-height: 56px;`
	`2885`	`+ line-height: 54px;`
	`2886`	`+ width: 54px;`
`2887`	`2887`	`}`
`2888`	`2888`
`2889`	`2889`	`.post-password-form label,`
`@@ -3475,7 +3475,8 @@ p > video {`
`3475`	`3475`	`}`
`3476`	`3476`
`3477`	`3477`	`.secondary-toggle:before {`
`3478`		`- line-height: 64px;`
	`3478`	`+ line-height: 62px;`
	`3479`	`+ width: 62px;`
`3479`	`3480`	`}`
`3480`	`3481`
`3481`	`3482`	`.post-password-form label,`