Changeset 47244

Timestamp:

02/10/2020 07:23:38 PM (5 years ago)

Author:

ianbelanger

Message:

Bundled Themes: Twenty Twenty post navigation links outside of the container.

Fixes a bug where the in-page pagination does not align within the inner container.

Props ataurr, audrasjb, mukesh27.
Fixes #48979.

Location:

trunk/src/wp-content/themes/twentytwenty

Files:

• style-rtl.css (modified) (6 diffs)
• style.css (modified) (6 diffs)

trunk/src/wp-content/themes/twentytwenty/style-rtl.css

@@ -2596 +2596 @@
     font-weight: 600;
     line-height: 1;
-    margin-top: 3em;
-    padding: 0 0.25em;
+    margin: 3em auto 0 auto;
+    padding: 0;
+    width: calc(100% - 4rem);
+    max-width: 58rem;
+}
+
+.post-nav-links > span.label {
+    padding: 1em 0;
 }
 
@@ -4463 +4469 @@
         margin: 0.5rem 1rem 0 0;
     }
+
+    /* Post Footer --------------------------- */
+
+    /* POST NAV LINKS */
+
+    .post-nav-links {
+        margin: 3em 0 0 0;
+    }
 }
 
@@ -4498 +4512 @@
         max-width: 26rem;
     }
+
+    /* Post Footer --------------------------- */
+
+    /* POST NAV LINKS */
+
+    .post-nav-links {
+        margin: 3em 0 0 0;
+    }
 }
 
@@ -4532 +4554 @@
     }
 
+    /* Post Footer --------------------------- */
+
+    /* POST NAV LINKS */
+
+    .post-nav-links {
+        margin: 3em 0 0 0;
+    }
 }
 
@@ -4545 +4574 @@
     }
 
+    /* Post Footer --------------------------- */
+
+    /* POST NAV LINKS */
+
+    .post-nav-links {
+        margin: 3em 0 0 0;
+    }
 }
 
@@ -4595 +4631 @@
     }
 
+    /* Post Footer --------------------------- */
+
+    /* POST NAV LINKS */
+
+    .post-nav-links {
+        margin: 3em auto 0 auto;
+    }
 }
 

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

@@ -2612 +2612 @@
     font-weight: 600;
     line-height: 1;
-    margin-top: 3em;
-    padding: 0 0.25em;
+    margin: 3em auto 0 auto;
+    padding: 0;
+    width: calc(100% - 4rem);
+    max-width: 58rem;
+}
+
+.post-nav-links > span.label {
+    padding: 1em 0;
 }
 
@@ -4497 +4503 @@
         margin: 0.5rem 0 0 1rem;
     }
+
+    /* Post Footer --------------------------- */
+
+    /* POST NAV LINKS */
+
+    .post-nav-links {
+        margin: 3em 0 0 0;
+    }
 }
 
@@ -4532 +4546 @@
         max-width: 26rem;
     }
+
+    /* Post Footer --------------------------- */
+
+    /* POST NAV LINKS */
+
+    .post-nav-links {
+        margin: 3em 0 0 0;
+    }
 }
 
@@ -4566 +4588 @@
     }
 
+    /* Post Footer --------------------------- */
+
+    /* POST NAV LINKS */
+
+    .post-nav-links {
+        margin: 3em 0 0 0;
+    }
 }
 
@@ -4579 +4608 @@
     }
 
+    /* Post Footer --------------------------- */
+
+    /* POST NAV LINKS */
+
+    .post-nav-links {
+        margin: 3em 0 0 0;
+    }
 }
 
@@ -4645 +4681 @@
     }
 
+    /* Post Footer --------------------------- */
+
+    /* POST NAV LINKS */
+
+    .post-nav-links {
+        margin: 3em auto 0 auto;
+    }
 }