diff --git a/p/themes/Ansum/_layout.css b/p/themes/Ansum/_layout.css index a48c5ee94..603feaab2 100644 --- a/p/themes/Ansum/_layout.css +++ b/p/themes/Ansum/_layout.css @@ -154,7 +154,7 @@ main.prompt { /*=== Index menu */ .nav_menu { text-align: center; - padding: 5px 0; + padding: 5px 0 5px 3.75rem; .btn { border-left-width: 0; diff --git a/p/themes/Ansum/_layout.rtl.css b/p/themes/Ansum/_layout.rtl.css index 4957d6a1f..236ed7063 100644 --- a/p/themes/Ansum/_layout.rtl.css +++ b/p/themes/Ansum/_layout.rtl.css @@ -154,7 +154,7 @@ main.prompt { /*=== Index menu */ .nav_menu { text-align: center; - padding: 5px 0; + padding: 5px 3.75rem 5px 0; .btn { border-right-width: 0; diff --git a/p/themes/Ansum/_mobile.css b/p/themes/Ansum/_mobile.css index b3582e9e2..e51217884 100644 --- a/p/themes/Ansum/_mobile.css +++ b/p/themes/Ansum/_mobile.css @@ -61,6 +61,8 @@ } .nav_menu { + padding-left: 0; + .btn { margin: 0; padding: 0.85rem 1.25rem; diff --git a/p/themes/Ansum/_mobile.rtl.css b/p/themes/Ansum/_mobile.rtl.css index 105bae0d2..5f1a12448 100644 --- a/p/themes/Ansum/_mobile.rtl.css +++ b/p/themes/Ansum/_mobile.rtl.css @@ -61,6 +61,8 @@ } .nav_menu { + padding-right: 0; + .btn { margin: 0; padding: 0.85rem 1.25rem; diff --git a/p/themes/Mapco/_layout.css b/p/themes/Mapco/_layout.css index 5daa68ae1..045a52877 100644 --- a/p/themes/Mapco/_layout.css +++ b/p/themes/Mapco/_layout.css @@ -163,7 +163,7 @@ main.prompt { /*=== Index menu */ .nav_menu { text-align: center; - padding: 5px 0; + padding: 5px 0 5px 3.75rem; .btn { border-left-width: 0; diff --git a/p/themes/Mapco/_layout.rtl.css b/p/themes/Mapco/_layout.rtl.css index 0a7fa66a2..c04edcc52 100644 --- a/p/themes/Mapco/_layout.rtl.css +++ b/p/themes/Mapco/_layout.rtl.css @@ -163,7 +163,7 @@ main.prompt { /*=== Index menu */ .nav_menu { text-align: center; - padding: 5px 0; + padding: 5px 3.75rem 5px 0; .btn { border-right-width: 0; diff --git a/p/themes/Mapco/_mobile.css b/p/themes/Mapco/_mobile.css index a0fc3e80f..526d96269 100644 --- a/p/themes/Mapco/_mobile.css +++ b/p/themes/Mapco/_mobile.css @@ -68,6 +68,8 @@ } .nav_menu { + padding-left: 0; + .btn { margin: 0; padding: 0.85rem 1.25rem; diff --git a/p/themes/Mapco/_mobile.rtl.css b/p/themes/Mapco/_mobile.rtl.css index 755c94c80..baf57fb20 100644 --- a/p/themes/Mapco/_mobile.rtl.css +++ b/p/themes/Mapco/_mobile.rtl.css @@ -68,6 +68,8 @@ } .nav_menu { + padding-right: 0; + .btn { margin: 0; padding: 0.85rem 1.25rem; diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index cdc131e99..d0307aa8e 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -784,7 +784,7 @@ a.signin { /*=== Index menu */ .nav_menu { - padding: 5px 0; + padding: 5px 0 0 2.5rem; background-color: var(--background-color-grey-light); border-bottom: 1px solid var(--border-color-grey-dark); text-align: center; @@ -1087,19 +1087,23 @@ a.signin { padding: 0; } - .nav_menu .btn { - margin: 5px 10px; - } + .nav_menu { + padding-left: 0; - .nav_menu .stick, - .nav_menu .group { - margin: 0 10px; - min-width: 0; - } + .nav_menu .btn { + margin: 5px 10px; + } - .nav_menu .stick .btn, - .nav_menu .group .btn { - margin: 5px 0; + .nav_menu .stick, + .nav_menu .group { + margin: 0 10px; + min-width: 0; + } + + .nav_menu .stick .btn, + .nav_menu .group .btn { + margin: 5px 0; + } } .dropdown-target:target ~ .dropdown-toggle::after { diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 9a8d2c95c..a349fb60e 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -784,7 +784,7 @@ a.signin { /*=== Index menu */ .nav_menu { - padding: 5px 0; + padding: 5px 2.5rem 0 0; background-color: var(--background-color-grey-light); border-bottom: 1px solid var(--border-color-grey-dark); text-align: center; @@ -1087,19 +1087,23 @@ a.signin { padding: 0; } - .nav_menu .btn { - margin: 5px 10px; - } + .nav_menu { + padding-right: 0; - .nav_menu .stick, - .nav_menu .group { - margin: 0 10px; - min-width: 0; - } + .nav_menu .btn { + margin: 5px 10px; + } - .nav_menu .stick .btn, - .nav_menu .group .btn { - margin: 5px 0; + .nav_menu .stick, + .nav_menu .group { + margin: 0 10px; + min-width: 0; + } + + .nav_menu .stick .btn, + .nav_menu .group .btn { + margin: 5px 0; + } } .dropdown-target:target ~ .dropdown-toggle::after { diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 13e6543cb..6c7bdf5f0 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -955,7 +955,7 @@ main.post .drop-section li.item.feed a:hover .icon { .nav_menu { - padding: 0; + padding: 0 0 0 2rem; width: 100%; font-size: 0; background-color: var(--color-background-nav); @@ -975,6 +975,10 @@ main.post .drop-section li.item.feed a:hover .icon { } } + #nav_menu_toggle_aside { + left: 0; + } + #toggle-unread, #toggle-starred { .icon { @@ -1473,6 +1477,10 @@ main.global { width: 100%; } } + + #nav_menu_toggle_aside { + position: absolute; + } } #overlay .close, diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 0055a4979..01c53a9aa 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -955,7 +955,7 @@ main.post .drop-section li.item.feed a:hover .icon { .nav_menu { - padding: 0; + padding: 0 2rem 0 0; width: 100%; font-size: 0; background-color: var(--color-background-nav); @@ -975,6 +975,10 @@ main.post .drop-section li.item.feed a:hover .icon { } } + #nav_menu_toggle_aside { + right: 0; + } + #toggle-unread, #toggle-starred { .icon { @@ -1473,6 +1477,10 @@ main.global { width: 100%; } } + + #nav_menu_toggle_aside { + position: absolute; + } } #overlay .close, diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 6f11c4d22..9d27c936b 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -2338,19 +2338,25 @@ html.slider-active { .nav_menu { padding-top: var(--frss-padding-top-bottom); padding-bottom: var(--frss-padding-top-bottom); - padding-left: 0.5rem; + padding-left: 3rem; padding-right: 0.5rem; background: inherit; text-align: center; -} + position: relative; -.nav_menu .stick { - max-width: 500px; -} + .stick { + max-width: 500px; + } -.nav_menu select { - max-width: 300px; - width: 60%; + select { + max-width: 300px; + width: 60%; + } + + #nav_menu_toggle_aside { + position: absolute; + left: 0.5rem; + } } .nav_mobile { @@ -2652,8 +2658,16 @@ html.slider-active { display: block; } - .nav_menu .toggle_aside { - display: inline-block; + .nav_menu { + padding-left: 0.5rem; + + .toggle_aside { + display: inline-block; + } + + #nav_menu_toggle_aside { + position: unset; + } } .aside.visible + .close-aside, diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 684ad2f81..8a4d4da37 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -2338,19 +2338,25 @@ html.slider-active { .nav_menu { padding-top: var(--frss-padding-top-bottom); padding-bottom: var(--frss-padding-top-bottom); - padding-right: 0.5rem; + padding-right: 3rem; padding-left: 0.5rem; background: inherit; text-align: center; -} + position: relative; -.nav_menu .stick { - max-width: 500px; -} + .stick { + max-width: 500px; + } -.nav_menu select { - max-width: 300px; - width: 60%; + select { + max-width: 300px; + width: 60%; + } + + #nav_menu_toggle_aside { + position: absolute; + right: 0.5rem; + } } .nav_mobile { @@ -2652,8 +2658,16 @@ html.slider-active { display: block; } - .nav_menu .toggle_aside { - display: inline-block; + .nav_menu { + padding-right: 0.5rem; + + .toggle_aside { + display: inline-block; + } + + #nav_menu_toggle_aside { + position: unset; + } } .aside.visible + .close-aside,