From d4475d552ca0ceb32a874f5572e8a9aa41df91a1 Mon Sep 17 00:00:00 2001 From: Ian Belanger Date: Mon, 10 Feb 2020 19:23:38 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/trunk@47244 602fd350-edb4-49c9-b593-d223f7449a82 --- .../themes/twentytwenty/style-rtl.css | 47 ++++++++++++++++++- src/wp-content/themes/twentytwenty/style.css | 47 ++++++++++++++++++- 2 files changed, 90 insertions(+), 4 deletions(-) diff --git a/src/wp-content/themes/twentytwenty/style-rtl.css b/src/wp-content/themes/twentytwenty/style-rtl.css index 4b40b5cc99..620537791e 100644 --- a/src/wp-content/themes/twentytwenty/style-rtl.css +++ b/src/wp-content/themes/twentytwenty/style-rtl.css @@ -2595,8 +2595,14 @@ h2.entry-title { font-size: 0.9em; 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; } .post-nav-links > * { @@ -4462,6 +4468,14 @@ a.to-the-top > * { li { margin: 0.5rem 1rem 0 0; } + + /* Post Footer --------------------------- */ + + /* POST NAV LINKS */ + + .post-nav-links { + margin: 3em 0 0 0; + } } @media ( min-width: 480px ) { @@ -4497,6 +4511,14 @@ a.to-the-top > * { .alignright { max-width: 26rem; } + + /* Post Footer --------------------------- */ + + /* POST NAV LINKS */ + + .post-nav-links { + margin: 3em 0 0 0; + } } @media ( max-width: 599px ) { @@ -4531,6 +4553,13 @@ a.to-the-top > * { width: calc( 100% - 4rem ); } + /* Post Footer --------------------------- */ + + /* POST NAV LINKS */ + + .post-nav-links { + margin: 3em 0 0 0; + } } @media ( min-width: 600px ) { @@ -4544,6 +4573,13 @@ a.to-the-top > * { margin-top: -4rem; } + /* Post Footer --------------------------- */ + + /* POST NAV LINKS */ + + .post-nav-links { + margin: 3em 0 0 0; + } } @media ( min-width: 660px ) { @@ -4594,6 +4630,13 @@ a.to-the-top > * { margin-right: 0; } + /* Post Footer --------------------------- */ + + /* POST NAV LINKS */ + + .post-nav-links { + margin: 3em auto 0 auto; + } } @media ( min-width: 700px ) { diff --git a/src/wp-content/themes/twentytwenty/style.css b/src/wp-content/themes/twentytwenty/style.css index f27a87c080..fb97091d83 100644 --- a/src/wp-content/themes/twentytwenty/style.css +++ b/src/wp-content/themes/twentytwenty/style.css @@ -2611,8 +2611,14 @@ h2.entry-title { font-size: 0.9em; 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; } .post-nav-links > * { @@ -4496,6 +4502,14 @@ a.to-the-top > * { li { margin: 0.5rem 0 0 1rem; } + + /* Post Footer --------------------------- */ + + /* POST NAV LINKS */ + + .post-nav-links { + margin: 3em 0 0 0; + } } @media ( min-width: 480px ) { @@ -4531,6 +4545,14 @@ a.to-the-top > * { .alignright { max-width: 26rem; } + + /* Post Footer --------------------------- */ + + /* POST NAV LINKS */ + + .post-nav-links { + margin: 3em 0 0 0; + } } @media ( max-width: 599px ) { @@ -4565,6 +4587,13 @@ a.to-the-top > * { width: calc( 100% - 4rem ); } + /* Post Footer --------------------------- */ + + /* POST NAV LINKS */ + + .post-nav-links { + margin: 3em 0 0 0; + } } @media ( min-width: 600px ) { @@ -4578,6 +4607,13 @@ a.to-the-top > * { margin-top: -4rem; } + /* Post Footer --------------------------- */ + + /* POST NAV LINKS */ + + .post-nav-links { + margin: 3em 0 0 0; + } } @media ( min-width: 660px ) { @@ -4644,6 +4680,13 @@ a.to-the-top > * { margin-right: 0; } + /* Post Footer --------------------------- */ + + /* POST NAV LINKS */ + + .post-nav-links { + margin: 3em auto 0 auto; + } } @media ( min-width: 700px ) {