diff --git a/source/wp-content/themes/wporg-developer-2023/patterns/article-sidebar.php b/source/wp-content/themes/wporg-developer-2023/patterns/article-sidebar.php index cd813de21..7669a2c11 100644 --- a/source/wp-content/themes/wporg-developer-2023/patterns/article-sidebar.php +++ b/source/wp-content/themes/wporg-developer-2023/patterns/article-sidebar.php @@ -7,7 +7,7 @@ ?> - + diff --git a/source/wp-content/themes/wporg-developer-2023/src/chapter-list/style.scss b/source/wp-content/themes/wporg-developer-2023/src/chapter-list/style.scss index 683e761f8..09b8094d3 100644 --- a/source/wp-content/themes/wporg-developer-2023/src/chapter-list/style.scss +++ b/source/wp-content/themes/wporg-developer-2023/src/chapter-list/style.scss @@ -21,7 +21,6 @@ } .wporg-chapter-list__list { - margin-top: var(--wp--preset--spacing--20); @media (max-width: 767px) { display: none; diff --git a/source/wp-content/themes/wporg-developer-2023/src/code-comment-form/style.scss b/source/wp-content/themes/wporg-developer-2023/src/code-comment-form/style.scss index a77e32dde..6268f9655 100644 --- a/source/wp-content/themes/wporg-developer-2023/src/code-comment-form/style.scss +++ b/source/wp-content/themes/wporg-developer-2023/src/code-comment-form/style.scss @@ -1,26 +1,8 @@ -.wp-block-wporg-code-reference-comment-form p { - margin-block-start: var(--wp--style--block-gap); - margin-block-end: var(--wp--style--block-gap); -} - -.wp-block-wporg-code-reference-comment-form-content { - display: flex; - flex-direction: column; - max-width: var(--wp--style--global--content-size); - - @media screen and (min-width: 1200px) { - max-width: unset; - flex-direction: row; - justify-content: space-between; - gap: var(--wp--preset--spacing--40); +.wp-block-wporg-code-reference-comment-form { + padding-bottom: var(--wp--style--block-gap); - .comment-respond { - min-width: var(--wp--style--global--content-size); - } - - .comment-rules { - padding-top: var(--wp--preset--spacing--30); - } + p { + margin-block-start: var(--wp--style--block-gap); + margin-block-end: var(--wp--style--block-gap); } } - diff --git a/source/wp-content/themes/wporg-developer-2023/src/style/style.scss b/source/wp-content/themes/wporg-developer-2023/src/style/style.scss index 24b378754..13e50fbd5 100644 --- a/source/wp-content/themes/wporg-developer-2023/src/style/style.scss +++ b/source/wp-content/themes/wporg-developer-2023/src/style/style.scss @@ -69,8 +69,9 @@ pre { } .has-three-columns { - --local--sidebar--width: 232px; + --local--sidebar--width: 248px; --local--column-gap: 40px; + justify-content: flex-end; > * { width: 100%; @@ -80,12 +81,23 @@ pre { order: 1; } + /* Left sidebar: Chapter List */ + > .wp-block-wporg-sidebar-container { + margin-top: var(--wp--preset--spacing--20); + } + + /* Right sidebar: ToC */ + article .wp-block-wporg-sidebar-container { + margin-bottom: var(--wp--preset--spacing--50); + } + @media (min-width: 768px) { flex-direction: row !important; column-gap: var(--local--column-gap); - aside { + > .wp-block-wporg-sidebar-container { width: var(--local--sidebar--width); + inset-inline-start: var(--wp--preset--spacing--edge-space); } main { @@ -105,10 +117,10 @@ pre { max-width: 960px; margin-left: auto; margin-right: auto; - } - .wp-block-wporg-sidebar-container { - inset-inline-end: var(--wp--preset--spacing--edge-space); + .wp-block-wporg-sidebar-container { + inset-inline-end: var(--wp--preset--spacing--edge-space); + } } } } diff --git a/source/wp-content/themes/wporg-developer-2023/templates/single-handbook.html b/source/wp-content/themes/wporg-developer-2023/templates/single-handbook.html index 29993bb4a..e285f8075 100644 --- a/source/wp-content/themes/wporg-developer-2023/templates/single-handbook.html +++ b/source/wp-content/themes/wporg-developer-2023/templates/single-handbook.html @@ -5,11 +5,11 @@
- -
+ +
- -
+ +
@@ -29,7 +29,11 @@
- + + + + +
diff --git a/source/wp-content/themes/wporg-developer-2023/templates/single.html b/source/wp-content/themes/wporg-developer-2023/templates/single.html index 8a96bb2fb..003f3bacb 100644 --- a/source/wp-content/themes/wporg-developer-2023/templates/single.html +++ b/source/wp-content/themes/wporg-developer-2023/templates/single.html @@ -16,10 +16,13 @@ + + + @@ -29,10 +32,4 @@ - -
- -
- -