diff options
| author | 2022-11-23 22:35:20 +0100 | |
|---|---|---|
| committer | 2022-11-23 22:35:20 +0100 | |
| commit | c9f5012f102c5270d27206aca957b2ee16fe04f8 (patch) | |
| tree | 9db21f32b54e486635ef144443514bf1f248f3bf | |
| parent | 4869ae0fec949f774cee12cd0a42636b1ad45b12 (diff) | |
Fix: nord theme mobile (#4892)
* fix
* fixed: background color of theme slider properties
* fixed: padding in mobile view + merge mobile view code
* fix favicon position in mobile view
28 files changed, 206 insertions, 260 deletions
diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index 656f457fd..35480c31b 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -152,7 +152,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: right; } .form-group .group-controls { @@ -1059,7 +1058,6 @@ kbd { @media (max-width: 840px) { .form-group .group-name { padding-bottom: 0; - text-align: left; } .aside { diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index 7fcb831b8..c01f77896 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -152,7 +152,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: left; } .form-group .group-controls { @@ -1059,7 +1058,6 @@ kbd { @media (max-width: 840px) { .form-group .group-name { padding-bottom: 0; - text-align: right; } .aside { diff --git a/p/themes/Ansum/_forms.scss b/p/themes/Ansum/_forms.scss index 77c9e3552..239934040 100644 --- a/p/themes/Ansum/_forms.scss +++ b/p/themes/Ansum/_forms.scss @@ -137,7 +137,6 @@ input.extend { .group-name { padding: 10px 0; - text-align: right; } .group-controls { diff --git a/p/themes/Ansum/_mobile.scss b/p/themes/Ansum/_mobile.scss index 9e90010c6..af9a82190 100644 --- a/p/themes/Ansum/_mobile.scss +++ b/p/themes/Ansum/_mobile.scss @@ -6,10 +6,6 @@ /*===========*/ @media (max-width: 840px) { - .form-group .group-name { - text-align: left; - } - .aside { @include mixins.transition(all, 0.2s, ease-in-out); diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index 904335955..07586f8fb 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -179,7 +179,6 @@ input.extend { } .form-group .group-name { padding: 10px 0; - text-align: right; } .form-group .group-controls { min-height: 25px; @@ -1188,9 +1187,6 @@ main.prompt { /*=== MOBILE */ /*===========*/ @media (max-width: 840px) { - .form-group .group-name { - text-align: left; - } .aside { transition: all 0.2s ease-in-out; } diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index 3ce5662db..7ab296aa5 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -179,7 +179,6 @@ input.extend { } .form-group .group-name { padding: 10px 0; - text-align: left; } .form-group .group-controls { min-height: 25px; @@ -1188,9 +1187,6 @@ main.prompt { /*=== MOBILE */ /*===========*/ @media (max-width: 840px) { - .form-group .group-name { - text-align: right; - } .aside { transition: all 0.2s ease-in-out; } diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index 13f0b1a1e..56e43bf04 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -106,7 +106,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: right; } .form-group .group-controls { @@ -1104,7 +1103,6 @@ a.btn { @media screen and (max-width: 840px) { .form-group .group-name { padding-bottom: 0; - text-align: left; } .header { diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index 8ac73893c..035898fa9 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -106,7 +106,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: left; } .form-group .group-controls { @@ -1104,7 +1103,6 @@ a.btn { @media screen and (max-width: 840px) { .form-group .group-name { padding-bottom: 0; - text-align: right; } .header { diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index e4abe22d3..a4aed0c2d 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -116,7 +116,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: right; } .form-group .group-controls { @@ -977,7 +976,6 @@ a.btn { @media (max-width: 840px) { .form-group .group-name { padding-bottom: 0; - text-align: left; } .aside { diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index 694ab0a14..4736e069f 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -116,7 +116,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: left; } .form-group .group-controls { @@ -977,7 +976,6 @@ a.btn { @media (max-width: 840px) { .form-group .group-name { padding-bottom: 0; - text-align: right; } .aside { diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 2b072bf4f..5bdc1779a 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -128,7 +128,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: right; } .form-group .group-controls { @@ -972,7 +971,6 @@ a.btn { @media (max-width: 840px) { .form-group .group-name { padding-bottom: 0; - text-align: left; } .aside { diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index f08b72846..b6c95b7a6 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -128,7 +128,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: left; } .form-group .group-controls { @@ -972,7 +971,6 @@ a.btn { @media (max-width: 840px) { .form-group .group-name { padding-bottom: 0; - text-align: right; } .aside { diff --git a/p/themes/Mapco/_forms.scss b/p/themes/Mapco/_forms.scss index 0f5f96681..2a2ac92ad 100644 --- a/p/themes/Mapco/_forms.scss +++ b/p/themes/Mapco/_forms.scss @@ -136,7 +136,6 @@ input.extend { .group-name { padding: 10px 0; - text-align: right; } .group-controls { diff --git a/p/themes/Mapco/_mobile.scss b/p/themes/Mapco/_mobile.scss index 1c11448f0..542d8649e 100644 --- a/p/themes/Mapco/_mobile.scss +++ b/p/themes/Mapco/_mobile.scss @@ -6,10 +6,6 @@ /*===========*/ @media (max-width: 840px) { - .form-group .group-name { - text-align: left; - } - .aside { @include mixins.transition(all, 0.2s, ease-in-out); diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 5a6b44b9a..7d014cb0b 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -178,7 +178,6 @@ input.extend { } .form-group .group-name { padding: 10px 0; - text-align: right; } .form-group .group-controls { min-height: 25px; @@ -1206,9 +1205,6 @@ main.prompt { /*=== MOBILE */ /*===========*/ @media (max-width: 840px) { - .form-group .group-name { - text-align: left; - } .aside { transition: all 0.2s ease-in-out; } diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index 0004bd1e3..4c5cc5944 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -178,7 +178,6 @@ input.extend { } .form-group .group-name { padding: 10px 0; - text-align: left; } .form-group .group-controls { min-height: 25px; @@ -1206,9 +1205,6 @@ main.prompt { /*=== MOBILE */ /*===========*/ @media (max-width: 840px) { - .form-group .group-name { - text-align: right; - } .aside { transition: all 0.2s ease-in-out; } diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css index 482cb58f4..3a6fc12af 100644 --- a/p/themes/Nord/nord.css +++ b/p/themes/Nord/nord.css @@ -16,6 +16,8 @@ --alert: #a3be8c; --alert-bg: #8fbcbb; --code-bg: #2e3440; + + --frss-background-color-transparent: #2e34407f; } @@ -134,7 +136,6 @@ table td span { .form-group .group-name { padding: 10px 0; - text-align: right; } .form-group .group-controls { @@ -728,105 +729,6 @@ li.item.active { text-align: center; } -/*=== MOBILE */ -/*===========*/ - -@media (max-width: 840px) { - .aside:target + .close-aside { - background: rgba(0, 0, 0, 0.2); - display: block; - font-size: 0; - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - cursor: pointer; - z-index: 99; - } - - .nav_mobile { - display: block; - } - - .aside { - position: fixed; - top: 0; bottom: 0; - left: 0; - width: 0; - overflow: hidden; - z-index: 100; - } - - .aside:target, - .reader .aside:target { - width: 90%; - height: 100vh; - } - - .aside_feed .configure-feeds { - margin-top: 10px; - } - - .flux_header .item.website { - width: 40px; - } - - .flux:not(.current):hover .item.title { - position: relative; - width: auto; - white-space: nowrap; - } - - .notification { - top: 0; - left: 0; - right: 0; - } - - #nav_entries { - width: 100%; - } - - #panel { - top: 25px; bottom: 30px; - left: 0; right: 0; - } - - #panel .close { - top: 0; right: 0; - left: auto; bottom: auto; - display: inline-block; - width: 30px; - height: 30px; - } - - #slider.active { - left: 0; - top: 50px; - background-color: var(--bg); - } - - #close-slider img { - display: initial; - } - - #close-slider.active { - background: var(--bg); - display: block; - width: 100%; - height: 50px; - z-index: 10; - text-align: center; - line-height: 50px; - border-bottom: 1px solid #ddd; - } - - .stat.half { - grid-column: 1 / span 2; - } -} - /*=== PRINTER */ /*============*/ @@ -1072,7 +974,30 @@ input.extend { /*===========*/ @media (max-width: 840px) { + .aside:target + .close-aside { + background: rgba(0, 0, 0, 0.2); + display: block; + font-size: 0; + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + cursor: pointer; + z-index: 99; + } + + .nav_mobile { + display: block; + } + .aside { + position: fixed; + top: 0; bottom: 0; + left: 0; + width: 0; + overflow: hidden; + z-index: 100; transition: width 200ms linear; } @@ -1080,6 +1005,78 @@ input.extend { padding: 0; } + .aside:target, + .reader .aside:target { + width: 90%; + height: 100vh; + } + + .aside_feed .configure-feeds { + margin-top: 10px; + } + + .flux_header .item.website { + width: 40px; + } + + .flux:not(.current):hover .item.title { + position: relative; + width: auto; + white-space: nowrap; + } + + .flux .website .favicon { + position: relative; + } + + .notification { + top: 0; + left: 0; + right: 0; + } + + #nav_entries { + width: 100%; + } + + #panel { + top: 25px; bottom: 30px; + left: 0; right: 0; + } + + #panel .close { + top: 0; right: 0; + left: auto; bottom: auto; + display: inline-block; + width: 30px; + height: 30px; + } + + #slider.active { + left: 0; + top: 50px; + background-color: var(--bg); + } + + #close-slider img { + display: initial; + } + + #close-slider.active { + background: var(--bg); + display: block; + width: 100%; + height: 50px; + z-index: 10; + text-align: center; + line-height: 50px; + border-bottom: 1px solid #ddd; + } + + .stat.half { + grid-column: 1 / span 2; + } + .nav_menu .btn { margin: 5px 10px; } @@ -1106,6 +1103,10 @@ input.extend { width: 400px; } + .post { + padding: 1rem; + } + .day .name { font-size: 1.1rem; } diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css index c0f5406e5..e3b3a7d78 100644 --- a/p/themes/Nord/nord.rtl.css +++ b/p/themes/Nord/nord.rtl.css @@ -16,6 +16,8 @@ --alert: #a3be8c; --alert-bg: #8fbcbb; --code-bg: #2e3440; + + --frss-background-color-transparent: #2e34407f; } @@ -134,7 +136,6 @@ table td span { .form-group .group-name { padding: 10px 0; - text-align: left; } .form-group .group-controls { @@ -728,105 +729,6 @@ li.item.active { text-align: center; } -/*=== MOBILE */ -/*===========*/ - -@media (max-width: 840px) { - .aside:target + .close-aside { - background: rgba(0, 0, 0, 0.2); - display: block; - font-size: 0; - position: fixed; - top: 0; - bottom: 0; - right: 0; - left: 0; - cursor: pointer; - z-index: 99; - } - - .nav_mobile { - display: block; - } - - .aside { - position: fixed; - top: 0; bottom: 0; - right: 0; - width: 0; - overflow: hidden; - z-index: 100; - } - - .aside:target, - .reader .aside:target { - width: 90%; - height: 100vh; - } - - .aside_feed .configure-feeds { - margin-top: 10px; - } - - .flux_header .item.website { - width: 40px; - } - - .flux:not(.current):hover .item.title { - position: relative; - width: auto; - white-space: nowrap; - } - - .notification { - top: 0; - right: 0; - left: 0; - } - - #nav_entries { - width: 100%; - } - - #panel { - top: 25px; bottom: 30px; - right: 0; left: 0; - } - - #panel .close { - top: 0; left: 0; - right: auto; bottom: auto; - display: inline-block; - width: 30px; - height: 30px; - } - - #slider.active { - right: 0; - top: 50px; - background-color: var(--bg); - } - - #close-slider img { - display: initial; - } - - #close-slider.active { - background: var(--bg); - display: block; - width: 100%; - height: 50px; - z-index: 10; - text-align: center; - line-height: 50px; - border-bottom: 1px solid #ddd; - } - - .stat.half { - grid-column: 1 / span 2; - } -} - /*=== PRINTER */ /*============*/ @@ -1072,7 +974,30 @@ input.extend { /*===========*/ @media (max-width: 840px) { + .aside:target + .close-aside { + background: rgba(0, 0, 0, 0.2); + display: block; + font-size: 0; + position: fixed; + top: 0; + bottom: 0; + right: 0; + left: 0; + cursor: pointer; + z-index: 99; + } + + .nav_mobile { + display: block; + } + .aside { + position: fixed; + top: 0; bottom: 0; + right: 0; + width: 0; + overflow: hidden; + z-index: 100; transition: width 200ms linear; } @@ -1080,6 +1005,78 @@ input.extend { padding: 0; } + .aside:target, + .reader .aside:target { + width: 90%; + height: 100vh; + } + + .aside_feed .configure-feeds { + margin-top: 10px; + } + + .flux_header .item.website { + width: 40px; + } + + .flux:not(.current):hover .item.title { + position: relative; + width: auto; + white-space: nowrap; + } + + .flux .website .favicon { + position: relative; + } + + .notification { + top: 0; + right: 0; + left: 0; + } + + #nav_entries { + width: 100%; + } + + #panel { + top: 25px; bottom: 30px; + right: 0; left: 0; + } + + #panel .close { + top: 0; left: 0; + right: auto; bottom: auto; + display: inline-block; + width: 30px; + height: 30px; + } + + #slider.active { + right: 0; + top: 50px; + background-color: var(--bg); + } + + #close-slider img { + display: initial; + } + + #close-slider.active { + background: var(--bg); + display: block; + width: 100%; + height: 50px; + z-index: 10; + text-align: center; + line-height: 50px; + border-bottom: 1px solid #ddd; + } + + .stat.half { + grid-column: 1 / span 2; + } + .nav_menu .btn { margin: 5px 10px; } @@ -1106,6 +1103,10 @@ input.extend { width: 400px; } + .post { + padding: 1rem; + } + .day .name { font-size: 1.1rem; } diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 034e1df1f..b8bf4c5ab 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -188,7 +188,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: right; } .form-group .group-controls { @@ -1102,8 +1101,6 @@ a:hover .icon { .form-group .group-name { padding-bottom: 0; - - text-align: left; } .aside { diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 37806a224..2a85b77ad 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -188,7 +188,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: left; } .form-group .group-controls { @@ -1102,8 +1101,6 @@ a:hover .icon { .form-group .group-name { padding-bottom: 0; - - text-align: right; } .aside { diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 2e6494a66..f390a1c1c 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -98,7 +98,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: right; } .form-group .group-controls { @@ -990,7 +989,6 @@ a.signin { @media (max-width: 840px) { .form-group .group-name { padding-bottom: 0; - text-align: left; } .aside { diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 80505523b..20c204cb9 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -98,7 +98,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: left; } .form-group .group-controls { @@ -990,7 +989,6 @@ a.signin { @media (max-width: 840px) { .form-group .group-name { padding-bottom: 0; - text-align: right; } .aside { diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index 800863f48..eddbdd136 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -104,7 +104,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: right; } .form-group .group-controls { @@ -1084,7 +1083,6 @@ a.btn { @media screen and (max-width: 840px) { .form-group .group-name { padding-bottom: 0; - text-align: left; } .header { diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index caa76aae2..aef02ecdb 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -104,7 +104,6 @@ form th { .form-group .group-name { padding: 10px 0; - text-align: left; } .form-group .group-controls { @@ -1084,7 +1083,6 @@ a.btn { @media screen and (max-width: 840px) { .form-group .group-name { padding-bottom: 0; - text-align: right; } .header { diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index fad59acb5..3a3202154 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -203,7 +203,6 @@ form th { } .form-group .group-name { padding: 10px 0; - text-align: right; } .form-group .group-controls { min-height: 25px; @@ -916,7 +915,6 @@ a.signin { } .form-group .group-name { padding-bottom: 0; - text-align: left; } .dropdown { position: relative; diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 97ddf357c..35cda9308 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -203,7 +203,6 @@ form th { } .form-group .group-name { padding: 10px 0; - text-align: left; } .form-group .group-controls { min-height: 25px; @@ -916,7 +915,6 @@ a.signin { } .form-group .group-name { padding-bottom: 0; - text-align: right; } .dropdown { position: relative; diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 190fbcb15..235012fb7 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -394,6 +394,7 @@ td.numeric { display: block; float: left; width: 200px; + text-align: right; } .form-group .group-controls { @@ -1993,6 +1994,7 @@ input:checked + .slide-container .properties { .form-group .group-name { float: none; width: auto; + text-align: left; } .form-group .group-controls { diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index a522ad59e..582836b48 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -394,6 +394,7 @@ td.numeric { display: block; float: right; width: 200px; + text-align: left; } .form-group .group-controls { @@ -1993,6 +1994,7 @@ input:checked + .slide-container .properties { .form-group .group-name { float: none; width: auto; + text-align: right; } .form-group .group-controls { |
