Changeset 30317

Timestamp:

11/12/2014 11:38:02 PM (10 years ago)

Author:

iandstewart

Message:

Twenty Fifteen: improve appearance of page links when there are tons of pages to link to

Props iamtakashi, fixes #30301

Location:

trunk/src/wp-content/themes/twentyfifteen

Files:

• css/ie.css (modified) (3 diffs)
• rtl.css (modified) (7 diffs)
• style.css (modified) (7 diffs)

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

@@ -587 +587 @@
 
 .page-links {
-    margin-bottom: 1.5789em;
+    margin-bottom: 1.4736em;
+}
+
+.page-links a,
+.page-links > span {
+    margin: 0 0.25em 0.25em 0;
 }
 
@@ -688 +693 @@
 
 .site-footer {
-    border-top: 0;
+    border-top: 1px solid transparent;
+    border-bottom: 1px solid transparent;
     margin: 0 auto;
     max-width: 806px;
@@ -841 +847 @@
 }
 
+.rtl .page-links a,
+.rtl .page-links > span {
+    margin: 0 0 0.25em 0.25em;
+}
+
 .rtl .author-info .avatar {
     margin: 0 0 1.6842em 1.6842em;

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

@@ -270 +270 @@
 }
 
+.entry-content .page-links a,
+.page-content .page-links a {
+    display: inline-block;
+}
+
 .author-link:after {
     content: "\f430";
@@ -304 +309 @@
 .page-links a,
 .page-links > span {
-    margin: 0 0 2px 1px;
+    margin: 0 0 0.3333em 0.3333em;
 }
 
@@ -482 +487 @@
     }
 
+    .page-links a,
+    .page-links > span {
+        margin: 0 0 0.2857em 0.2857em;
+    }
+
     .author-info .avatar {
         margin: 0 0 1.6471em 1.6471em;
@@ -550 +560 @@
     }
 
+    .page-links a,
+    .page-links > span {
+        margin: 0 0 0.25em 0.25em;
+    }
+
     .author-info .avatar {
         margin: 0 0 1.6842em 1.6842em;
@@ -625 +640 @@
     }
 
+    .page-links a,
+    .page-links > span {
+        margin: 0 0 0.3333em 0.3333em;
+    }
+
     .author-info .avatar {
         margin: 0 0 1.5em 1.5em;
@@ -695 +715 @@
     }
 
+    .page-links a,
+    .page-links > span {
+        margin: 0 0 0.2857em 0.2857em;
+    }
+
     .author-info .avatar {
         margin: 0 0 1.6471em 1.6471em;
@@ -756 +781 @@
     }
 
+    .page-links a,
+    .page-links > span {
+        margin: 0 0 0.25em 0.25em;
+    }
+
     .author-info .avatar {
         margin: 0 0 1.6842em 1.6842em;

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

@@ -2028 +2028 @@
     clear: both;
     font-family: "Noto Sans", sans-serif;
-    margin: 0 0 1.4667em;
+    margin-bottom: 1.3333em;
 }
 
@@ -2040 +2040 @@
     height: 2em;
     line-height: 2;
-    margin: 0 6px 2px 0;
+    margin: 0 0.3333em 0.3333em 0;
     text-align: center;
     width: 2em;
@@ -3267 +3267 @@
 
     .page-links {
-        margin-bottom: 1.5294em;
+        margin-bottom: 1.4117em;
+    }
+
+    .page-links a,
+    .page-links > span {
+        margin: 0 0.2857em 0.2857em 0;
     }
 
@@ -3798 +3803 @@
 
     .page-links {
-        margin-bottom: 1.5789em;
+        margin-bottom: 1.4736em;
+    }
+
+    .page-links a,
+    .page-links > span {
+        margin: 0 0.25em 0.25em 0;
     }
 
@@ -4453 +4463 @@
 
     .page-links {
-        margin-bottom: 1.4667em;
+        margin-bottom: 1.3333em;
+    }
+
+    .page-links a,
+    .page-links > span {
+        margin: 0 0.3333em 0.3333em 0;
     }
 
@@ -4971 +4986 @@
 
     .page-links {
-        margin-bottom: 1.5294em;
+        margin-bottom: 1.4117em;
+    }
+
+    .page-links a,
+    .page-links > span {
+        margin: 0 0.2857em 0.2857em 0;
     }
 
@@ -5484 +5504 @@
 
     .page-links {
-        margin-bottom: 1.5789em;
+        margin-bottom: 1.4736em;
+    }
+
+    .page-links a,
+    .page-links > span {
+        margin: 0 0.25em 0.25em 0;
     }