diff options
| author |  Nicolas Frandeboeuf <mail@nicofrand.eu>
| 2022-11-22 08:16:57 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-11-22 08:16:57 +0100 |
| commit | 88ef6174c0e60121128afc99c49e501f8a0a4451 (patch) | |
| tree | 6353ef577d00fd44ea60da7845ac8b73d2f17ce0 | |
| parent | 10c5a9326ef3c252aeb4c6bcac99f87b3dc20ab8 (diff) | |
Fix regression on header size due to padding (#4865)
* Fix regression on header size due to padding (causing window vertical scrollbar)
* fix
* fix
* one more fix/improvement
Co-authored-by: mathContao <math-home@web.de>
| -rw-r--r-- | p/themes/Origine/origine.css | 14 | ||||
| -rw-r--r-- | p/themes/Origine/origine.rtl.css | 14 |
2 files changed, 16 insertions, 12 deletions
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 0b7903253..034e1df1f 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -3,6 +3,8 @@ /*=== GENERAL */ /*============*/ :root { + --frss-padding-top-bottom: 0.5rem; + --background-color-light-gradient: #eee; --background-color-light: #fff; --background-color-light-shadowed: #f6f6f6; @@ -646,8 +648,6 @@ a:hover .icon { } .header > .item { - padding-left: 0.75rem; - padding-right: 0.75rem; border-bottom: 1px solid var(--border-color); vertical-align: middle; text-align: center; @@ -1086,14 +1086,16 @@ a:hover .icon { /*===========*/ @media (max-width: 840px) { + .header > .item { + padding: 0.5rem 1rem; + } + .header > .item.title { - padding: 10px 20px; width: 75%; text-align: left; } .header > .item.configure { - padding: 10px 20px; width: 25%; text-align: right; } @@ -1125,8 +1127,8 @@ a:hover .icon { } .post { - padding-left: 15px; - padding-right: 15px; + padding-left: 1rem; + padding-right: 1rem; } .nav_menu .btn { diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 7c8efb776..37806a224 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -3,6 +3,8 @@ /*=== GENERAL */ /*============*/ :root { + --frss-padding-top-bottom: 0.5rem; + --background-color-light-gradient: #eee; --background-color-light: #fff; --background-color-light-shadowed: #f6f6f6; @@ -646,8 +648,6 @@ a:hover .icon { } .header > .item { - padding-right: 0.75rem; - padding-left: 0.75rem; border-bottom: 1px solid var(--border-color); vertical-align: middle; text-align: center; @@ -1086,14 +1086,16 @@ a:hover .icon { /*===========*/ @media (max-width: 840px) { + .header > .item { + padding: 0.5rem 1rem; + } + .header > .item.title { - padding: 10px 20px; width: 75%; text-align: right; } .header > .item.configure { - padding: 10px 20px; width: 25%; text-align: left; } @@ -1125,8 +1127,8 @@ a:hover .icon { } .post { - padding-right: 15px; - padding-left: 15px; + padding-right: 1rem; + padding-left: 1rem; } .nav_menu .btn { |