Changeset 39152

Timestamp:

11/07/2016 09:06:20 PM (8 years ago)

Author:

davidakennedy

Message:

Twenty Seventeen: Fix post navigation font legibility issue

The combination of font-size and weight for post navigation made lower case "i"s illegible in some cases. Using 15px seemed to be the best choice all around. Also adjusts the spacing around the arrows a bit, since they touch the text on small screen sizes.

Props laurelfulford.

Fixes #38670.

Location:

trunk/src/wp-content/themes/twentyseventeen

Files:

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

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

@@ -134 +134 @@
 .next.page-numbers {
     float: left;
+}
+
+.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
+    margin-left: 0.5em;
+    margin-right: 0;
+}
+
+.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
+    margin-left: 0;
+    margin-right: 0.5em;
 }
 

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

@@ -2167 +2167 @@
 .nav-title {
     color: #333;
-    font-size: 16px;
-    font-size: 1rem;
+    font-size: 15px;
+    font-size: 0.9375rem;
 }
 
 .post-navigation .nav-next {
     margin-top: 1.5em;
+}
+
+.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
+    margin-right: 0.5em;
+}
+
+.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
+    margin-left: 0.5em;
 }