From 1f86aae415951b3a5c83d092765fa92337fc29ee Mon Sep 17 00:00:00 2001 From: maTh Date: Mon, 14 Nov 2022 14:54:57 +0100 Subject: fix: sharing service for mailto links for web mail services (#4680) * fix * Update main.js * Update app/i18n/fr/gen.php Co-authored-by: Alexandre Alapetite --- p/scripts/main.js | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'p') diff --git a/p/scripts/main.js b/p/scripts/main.js index 268fd2858..436796b52 100644 --- a/p/scripts/main.js +++ b/p/scripts/main.js @@ -1101,6 +1101,12 @@ function init_stream(stream) { return false; } + el = ev.target.closest('.item.share > a[data-type="email-webmail-firefox-fix"]'); + if (el) { + window.open(el.href); + return false; + } + el = ev.target.closest('.item.share > a[href="POST"]'); if (el) { // Share by POST const f = el.parentElement.querySelector('form'); -- cgit v1.2.3 From acf459429b128053ef70934d3152f4b211a14396 Mon Sep 17 00:00:00 2001 From: maTh Date: Mon, 14 Nov 2022 15:00:56 +0100 Subject: implement CSS variable --frss-padding-top-bottom (#4794) --- p/themes/Origine-compact/origine-compact.css | 58 ++++-------------------- p/themes/Origine-compact/origine-compact.rtl.css | 58 ++++-------------------- p/themes/Origine/origine.css | 20 +++----- p/themes/Origine/origine.rtl.css | 20 +++----- p/themes/base-theme/frss.css | 28 +++++++++--- p/themes/base-theme/frss.rtl.css | 28 +++++++++--- 6 files changed, 74 insertions(+), 138 deletions(-) (limited to 'p') diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css index 880af2433..d85d5c065 100644 --- a/p/themes/Origine-compact/origine-compact.css +++ b/p/themes/Origine-compact/origine-compact.css @@ -2,6 +2,10 @@ /*=== GENERAL */ /*============*/ +:root { + --frss-padding-top-bottom: 0.125rem; +} + input, select, textarea { padding: 3px 5px 2px 5px; min-height: 25px; @@ -41,14 +45,6 @@ a.btn, font-size: 0.9rem; } -.horizontal-list .item { - line-height: 2.2; -} - -.horizontal-list .item .item-element { - padding: 1px 0 0 0; -} - /*=== Dropdown */ .item ~ .dropdown-header, .item.separator { @@ -59,27 +55,9 @@ a.btn, /*=== Pagination */ /*=== Boxes */ /*=== Tree */ -.tree-folder-title { - padding: 0 5px; - line-height: 2.2; - font-size: 0.9rem; -} - -.tree-folder-items > .item { - line-height: 2.4; -} - /*=== STRUCTURE */ /*===============*/ /*=== Header */ -.header { - height: 40px; -} - -.header > .item { - padding: 0px; -} - .header .item.configure .btn, .header .item.search .btn { min-height: 18px; @@ -88,7 +66,7 @@ a.btn, } .header > .item.title .logo { - height: 25px; + height: 1.5rem; } .header > .item.search input { @@ -97,17 +75,17 @@ a.btn, /*=== Body */ #global { - height: calc(100vh - 40px); + height: calc(100vh - (calc(1.5rem + 2 * var(--frss-padding-top-bottom)))) } /*=== Aside main page (categories) */ .aside.aside_feed .category .title:not([data-unread="0"])::after, .global .box.category .title:not([data-unread="0"])::after { - margin: 0.4em 0 0 0; + font-size: 0.8rem; } .aside.aside_feed .feed .item-title:not([data-unread="0"])::after { - margin: 0.5em 0 0 0; + font-size: 0.7rem; } /*=== Day indication */ @@ -123,10 +101,6 @@ a.btn, /*=== Index menu */ /*=== Feed articles */ -.flux .item { - padding: 0; -} - .flux .item.thumbnail { padding: 5px; height: 50px; @@ -169,14 +143,6 @@ a.btn, } /*=== Content of feed articles */ -.content { - padding: 10px 10px; -} - -#stream.normal .content > h1.title { - display: none; -} - /*=== Notification and actualize notification */ /*=== "Load more" part */ #bigMarkAsRead { @@ -188,10 +154,6 @@ a.btn, } /*=== Navigation menu (for articles) */ -#nav_entries { - line-height: 2.2; -} - /*=== READER VIEW */ /*================*/ /*=== GLOBAL VIEW */ @@ -213,7 +175,7 @@ a.btn, } .post { - padding-left: 15px; - padding-right: 15px; + padding-left: 1rem; + padding-right: 1rem; } } diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css index cfa978650..1273cfc55 100644 --- a/p/themes/Origine-compact/origine-compact.rtl.css +++ b/p/themes/Origine-compact/origine-compact.rtl.css @@ -2,6 +2,10 @@ /*=== GENERAL */ /*============*/ +:root { + --frss-padding-top-bottom: 0.125rem; +} + input, select, textarea { padding: 3px 5px 2px 5px; min-height: 25px; @@ -41,14 +45,6 @@ a.btn, font-size: 0.9rem; } -.horizontal-list .item { - line-height: 2.2; -} - -.horizontal-list .item .item-element { - padding: 1px 0 0 0; -} - /*=== Dropdown */ .item ~ .dropdown-header, .item.separator { @@ -59,27 +55,9 @@ a.btn, /*=== Pagination */ /*=== Boxes */ /*=== Tree */ -.tree-folder-title { - padding: 0 5px; - line-height: 2.2; - font-size: 0.9rem; -} - -.tree-folder-items > .item { - line-height: 2.4; -} - /*=== STRUCTURE */ /*===============*/ /*=== Header */ -.header { - height: 40px; -} - -.header > .item { - padding: 0px; -} - .header .item.configure .btn, .header .item.search .btn { min-height: 18px; @@ -88,7 +66,7 @@ a.btn, } .header > .item.title .logo { - height: 25px; + height: 1.5rem; } .header > .item.search input { @@ -97,17 +75,17 @@ a.btn, /*=== Body */ #global { - height: calc(100vh - 40px); + height: calc(100vh - (calc(1.5rem + 2 * var(--frss-padding-top-bottom)))) } /*=== Aside main page (categories) */ .aside.aside_feed .category .title:not([data-unread="0"])::after, .global .box.category .title:not([data-unread="0"])::after { - margin: 0.4em 0 0 0; + font-size: 0.8rem; } .aside.aside_feed .feed .item-title:not([data-unread="0"])::after { - margin: 0.5em 0 0 0; + font-size: 0.7rem; } /*=== Day indication */ @@ -123,10 +101,6 @@ a.btn, /*=== Index menu */ /*=== Feed articles */ -.flux .item { - padding: 0; -} - .flux .item.thumbnail { padding: 5px; height: 50px; @@ -169,14 +143,6 @@ a.btn, } /*=== Content of feed articles */ -.content { - padding: 10px 10px; -} - -#stream.normal .content > h1.title { - display: none; -} - /*=== Notification and actualize notification */ /*=== "Load more" part */ #bigMarkAsRead { @@ -188,10 +154,6 @@ a.btn, } /*=== Navigation menu (for articles) */ -#nav_entries { - line-height: 2.2; -} - /*=== READER VIEW */ /*================*/ /*=== GLOBAL VIEW */ @@ -213,7 +175,7 @@ a.btn, } .post { - padding-right: 15px; - padding-left: 15px; + padding-right: 1rem; + padding-left: 1rem; } } diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 4b41e1434..a53055a75 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -567,7 +567,7 @@ a:hover .icon { } .box .box-content .item { - padding: 0.5rem 0 0.25rem 0; + padding-bottom: 0.25rem; font-size: 0.9rem; line-height: 1.5; } @@ -579,9 +579,9 @@ a:hover .icon { .tree-folder-title { position: relative; - padding: 0 10px; + padding-left: 0.75rem; + padding-right: 0.75rem; background-color: var(--background-color-light); - line-height: 2.5; font-size: 1rem; } @@ -615,7 +615,7 @@ a:hover .icon { .tree-folder-items > .item { padding: 0 10px; - line-height: 3.125; + line-height: 1.7; font-size: 0.8rem; } @@ -643,19 +643,18 @@ a:hover .icon { /*===============*/ /*=== Header */ .header { - height: 4rem; background-color: var(--background-color-grey); } .header > .item { - padding: 10px; + padding-left: 0.75rem; + padding-right: 0.75rem; border-bottom: 1px solid var(--border-color); vertical-align: middle; text-align: center; } .header > .item.title { - padding: 10px 0; width: 300px; } @@ -781,7 +780,6 @@ a:hover .icon { } #new-article > a { - padding: 1em; color: var(--font-color-light); font-weight: bold; } @@ -820,10 +818,8 @@ a:hover .icon { /*=== Index menu */ .nav_menu { - padding: 0.5rem 0; background-color: var(--background-color-light-shadowed); border-bottom: 1px solid var(--border-color); - text-align: center; } /*=== Feed articles */ @@ -882,10 +878,6 @@ a:hover .icon { } /*=== Content of feed articles */ -.content { - padding: 20px 10px; -} - .content h1.title > a { color: var(--font-color); } diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 8f0c9095a..377ff9823 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -567,7 +567,7 @@ a:hover .icon { } .box .box-content .item { - padding: 0.5rem 0 0.25rem 0; + padding-bottom: 0.25rem; font-size: 0.9rem; line-height: 1.5; } @@ -579,9 +579,9 @@ a:hover .icon { .tree-folder-title { position: relative; - padding: 0 10px; + padding-right: 0.75rem; + padding-left: 0.75rem; background-color: var(--background-color-light); - line-height: 2.5; font-size: 1rem; } @@ -615,7 +615,7 @@ a:hover .icon { .tree-folder-items > .item { padding: 0 10px; - line-height: 3.125; + line-height: 1.7; font-size: 0.8rem; } @@ -643,19 +643,18 @@ a:hover .icon { /*===============*/ /*=== Header */ .header { - height: 4rem; background-color: var(--background-color-grey); } .header > .item { - padding: 10px; + padding-right: 0.75rem; + padding-left: 0.75rem; border-bottom: 1px solid var(--border-color); vertical-align: middle; text-align: center; } .header > .item.title { - padding: 10px 0; width: 300px; } @@ -781,7 +780,6 @@ a:hover .icon { } #new-article > a { - padding: 1em; color: var(--font-color-light); font-weight: bold; } @@ -820,10 +818,8 @@ a:hover .icon { /*=== Index menu */ .nav_menu { - padding: 0.5rem 0; background-color: var(--background-color-light-shadowed); border-bottom: 1px solid var(--border-color); - text-align: center; } /*=== Feed articles */ @@ -882,10 +878,6 @@ a:hover .icon { } /*=== Content of feed articles */ -.content { - padding: 20px 10px; -} - .content h1.title > a { color: var(--font-color); } diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index e0ef320e1..6367e60f5 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -39,6 +39,7 @@ --frss-loading-image: url("loader.gif"); --frss-padding-flux-items: 0.75rem; + --frss-padding-top-bottom: 0.5rem; line-height: 1.5; } @@ -583,7 +584,7 @@ input[type="checkbox"]:focus-visible { } .horizontal-list .item .item-element { - padding: 0.5rem 0; + padding: var(--frss-padding-top-bottom) 0; } /*=== manage-list */ @@ -826,6 +827,7 @@ input[type="checkbox"]:focus-visible { .box .box-content .item.feed { display: block; + padding-top: var(--frss-padding-top-bottom); } .box .box-content .item.feed.moved { @@ -955,6 +957,11 @@ li.drag-hover { transition: max-height .3s linear; } +.tree-folder-title { + padding-top: var(--frss-padding-top-bottom); + padding-bottom: var(--frss-padding-top-bottom); +} + .tree-folder-title .title { display: inline-block; width: 100%; @@ -993,11 +1000,13 @@ li.drag-hover { .header { display: table; width: 100%; - height: 85px; + height: calc(2rem + 2 * var(--frss-padding-top-bottom)); table-layout: fixed; } .header > .item { + padding-top: var(--frss-padding-top-bottom); + padding-bottom: var(--frss-padding-top-bottom); display: table-cell; } @@ -1012,7 +1021,7 @@ li.drag-hover { .header > .item.title .logo { display: inline-block; - height: 32px; + height: 2rem; vertical-align: middle; } @@ -1029,7 +1038,7 @@ input[type="search"] { background: inherit; display: table; width: 100%; - height: calc(100vh - 85px); + height: calc(100vh - (calc(2rem + 2 * var(--frss-padding-top-bottom)))); table-layout: fixed; } @@ -1061,7 +1070,7 @@ input[type="search"] { } .aside_feed .tree-folder-items .item.feed { - padding: 0 0.75rem; + padding: var(--frss-padding-top-bottom) 0.75rem; } .aside_feed .tree-folder-items:not(.active) { @@ -1104,6 +1113,7 @@ input[type="search"] { } #new-article > a { + padding: calc(0.25rem + var(--frss-padding-top-bottom)) 1rem; display: block; } @@ -1132,7 +1142,7 @@ input[type="search"] { } .flux .flux_header .item .item-element { - padding: 0.5rem 0; + padding: var(--frss-padding-top-bottom) 0; line-height: 1.5rem; } @@ -1268,6 +1278,7 @@ a.website:hover .favicon { .content { min-height: 20rem; margin: auto; + padding: 0.75rem; line-height: 1.5; word-wrap: break-word; } @@ -1782,7 +1793,7 @@ input:checked + .slide-container .properties { .aside .category .title:not([data-unread="0"])::after, .aside .feed .item-title:not([data-unread="0"])::after { - margin: 0.6rem 0 0 0; + margin: calc(0.125rem + var(--frss-padding-top-bottom)) 0 0 0; padding: 0.25rem 0.5rem; min-width: 2rem; display: block; @@ -1850,7 +1861,10 @@ input:checked + .slide-container .properties { } .nav_menu { + padding-top: var(--frss-padding-top-bottom); + padding-bottom: var(--frss-padding-top-bottom); background: inherit; + text-align: center; } .nav_mobile { diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 1755291bd..73dc4f83d 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -39,6 +39,7 @@ --frss-loading-image: url("loader.gif"); --frss-padding-flux-items: 0.75rem; + --frss-padding-top-bottom: 0.5rem; line-height: 1.5; } @@ -583,7 +584,7 @@ input[type="checkbox"]:focus-visible { } .horizontal-list .item .item-element { - padding: 0.5rem 0; + padding: var(--frss-padding-top-bottom) 0; } /*=== manage-list */ @@ -826,6 +827,7 @@ input[type="checkbox"]:focus-visible { .box .box-content .item.feed { display: block; + padding-top: var(--frss-padding-top-bottom); } .box .box-content .item.feed.moved { @@ -955,6 +957,11 @@ li.drag-hover { transition: max-height .3s linear; } +.tree-folder-title { + padding-top: var(--frss-padding-top-bottom); + padding-bottom: var(--frss-padding-top-bottom); +} + .tree-folder-title .title { display: inline-block; width: 100%; @@ -993,11 +1000,13 @@ li.drag-hover { .header { display: table; width: 100%; - height: 85px; + height: calc(2rem + 2 * var(--frss-padding-top-bottom)); table-layout: fixed; } .header > .item { + padding-top: var(--frss-padding-top-bottom); + padding-bottom: var(--frss-padding-top-bottom); display: table-cell; } @@ -1012,7 +1021,7 @@ li.drag-hover { .header > .item.title .logo { display: inline-block; - height: 32px; + height: 2rem; vertical-align: middle; } @@ -1029,7 +1038,7 @@ input[type="search"] { background: inherit; display: table; width: 100%; - height: calc(100vh - 85px); + height: calc(100vh - (calc(2rem + 2 * var(--frss-padding-top-bottom)))); table-layout: fixed; } @@ -1061,7 +1070,7 @@ input[type="search"] { } .aside_feed .tree-folder-items .item.feed { - padding: 0 0.75rem; + padding: var(--frss-padding-top-bottom) 0.75rem; } .aside_feed .tree-folder-items:not(.active) { @@ -1104,6 +1113,7 @@ input[type="search"] { } #new-article > a { + padding: calc(0.25rem + var(--frss-padding-top-bottom)) 1rem; display: block; } @@ -1132,7 +1142,7 @@ input[type="search"] { } .flux .flux_header .item .item-element { - padding: 0.5rem 0; + padding: var(--frss-padding-top-bottom) 0; line-height: 1.5rem; } @@ -1268,6 +1278,7 @@ a.website:hover .favicon { .content { min-height: 20rem; margin: auto; + padding: 0.75rem; line-height: 1.5; word-wrap: break-word; } @@ -1782,7 +1793,7 @@ input:checked + .slide-container .properties { .aside .category .title:not([data-unread="0"])::after, .aside .feed .item-title:not([data-unread="0"])::after { - margin: 0.6rem 0 0 0; + margin: calc(0.125rem + var(--frss-padding-top-bottom)) 0 0 0; padding: 0.25rem 0.5rem; min-width: 2rem; display: block; @@ -1850,7 +1861,10 @@ input:checked + .slide-container .properties { } .nav_menu { + padding-top: var(--frss-padding-top-bottom); + padding-bottom: var(--frss-padding-top-bottom); background: inherit; + text-align: center; } .nav_mobile { -- cgit v1.2.3 From d9e1c1c2c3abb6cf91b6866961d2a482ef50c3ea Mon Sep 17 00:00:00 2001 From: Luc SANCHEZ <4697568+ColonelMoutarde@users.noreply.github.com> Date: Mon, 14 Nov 2022 15:07:23 +0100 Subject: Typing function checkToken (#4561) * Typing function checkToken * Typing function and rename Co-authored-by: Luc SANCHEZ --- app/Models/CategoryDAO.php | 15 +++++++-------- app/Models/Context.php | 2 +- p/api/greader.php | 2 +- 3 files changed, 9 insertions(+), 10 deletions(-) (limited to 'p') diff --git a/app/Models/CategoryDAO.php b/app/Models/CategoryDAO.php index 20a92d52a..c855f1495 100644 --- a/app/Models/CategoryDAO.php +++ b/app/Models/CategoryDAO.php @@ -265,7 +265,7 @@ SQL; return $categories; } - uasort($categories, function ($a, $b) { + uasort($categories, static function ($a, $b) { $aPosition = $a->attributes('position'); $bPosition = $b->attributes('position'); if ($aPosition === $bPosition) { @@ -310,9 +310,9 @@ SQL; } /** @return array */ - public function listCategoriesOrderUpdate(int $defaultCacheDuration = 86400, int $limit = 0) { + public function listCategoriesOrderUpdate(int $defaultCacheDuration = 86400, int $limit = 0): array { $sql = 'SELECT * FROM `_category` WHERE kind = :kind AND `lastUpdate` < :lu ORDER BY `lastUpdate`' - . ($limit < 1 ? '' : ' LIMIT ' . intval($limit)); + . ($limit < 1 ? '' : ' LIMIT ' . $limit); $stm = $this->pdo->prepare($sql); if ($stm && $stm->bindValue(':kind', FreshRSS_Category::KIND_DYNAMIC_OPML, PDO::PARAM_INT) && @@ -387,7 +387,7 @@ SQL; return $res[0]['count']; } - public function countFeed($id) { + public function countFeed(int $id) { $sql = 'SELECT COUNT(*) AS count FROM `_feed` WHERE category=:id'; $stm = $this->pdo->prepare($sql); $stm->bindParam(':id', $id, PDO::PARAM_INT); @@ -396,7 +396,7 @@ SQL; return $res[0]['count']; } - public function countNotRead($id) { + public function countNotRead(int $id) { $sql = 'SELECT COUNT(*) AS count FROM `_entry` e INNER JOIN `_feed` f ON e.id_feed=f.id WHERE category=:id AND e.is_read=0'; $stm = $this->pdo->prepare($sql); $stm->bindParam(':id', $id, PDO::PARAM_INT); @@ -409,7 +409,7 @@ SQL; * @param array $categories * @param int $feed_id */ - public static function findFeed($categories, $feed_id) { + public static function findFeed(array $categories, int $feed_id) { foreach ($categories as $category) { foreach ($category->feeds() as $feed) { if ($feed->id() === $feed_id) { @@ -422,9 +422,8 @@ SQL; /** * @param array $categories - * @param int $minPriority */ - public static function CountUnreads($categories, $minPriority = 0) { + public static function countUnread(array $categories, int $minPriority = 0): int { $n = 0; foreach ($categories as $category) { foreach ($category->feeds() as $feed) { diff --git a/app/Models/Context.php b/app/Models/Context.php index fed2a6767..152ecc4bf 100644 --- a/app/Models/Context.php +++ b/app/Models/Context.php @@ -163,7 +163,7 @@ class FreshRSS_Context { // Update number of read / unread variables. $entryDAO = FreshRSS_Factory::createEntryDao(); self::$total_starred = $entryDAO->countUnreadReadFavorites(); - self::$total_unread = FreshRSS_CategoryDAO::CountUnreads( + self::$total_unread = FreshRSS_CategoryDAO::countUnread( self::$categories, 1 ); diff --git a/p/api/greader.php b/p/api/greader.php index b08013850..afca1afaf 100644 --- a/p/api/greader.php +++ b/p/api/greader.php @@ -220,7 +220,7 @@ function token($conf) { exit(); } -function checkToken($conf, $token) { +function checkToken(FreshRSS_UserConfiguration $conf, string $token) { //http://code.google.com/p/google-reader-api/wiki/ActionToken $user = Minz_Session::param('currentUser', '_'); if ($user !== '_' && ( //TODO: Check security consequences -- cgit v1.2.3 From 07c94061a9607b5d0a1341cc1b349ee094d5115b Mon Sep 17 00:00:00 2001 From: maTh Date: Mon, 14 Nov 2022 20:22:01 +0100 Subject: Improved: Centralized CSS for notifications (#4800) * wip. all themes * fixes --- p/themes/Alternative-Dark/adark.css | 9 --------- p/themes/Alternative-Dark/adark.rtl.css | 9 --------- p/themes/Ansum/_layout.scss | 4 ---- p/themes/Ansum/ansum.css | 5 ----- p/themes/Ansum/ansum.rtl.css | 5 ----- p/themes/BlueLagoon/BlueLagoon.css | 9 --------- p/themes/BlueLagoon/BlueLagoon.rtl.css | 9 --------- p/themes/Dark/dark.css | 9 --------- p/themes/Dark/dark.rtl.css | 9 --------- p/themes/Flat/flat.css | 6 ------ p/themes/Flat/flat.rtl.css | 6 ------ p/themes/Mapco/_layout.scss | 4 ---- p/themes/Mapco/mapco.css | 5 ----- p/themes/Mapco/mapco.rtl.css | 5 ----- p/themes/Nord/nord.css | 10 ---------- p/themes/Nord/nord.rtl.css | 10 ---------- p/themes/Origine/origine.css | 11 +---------- p/themes/Origine/origine.rtl.css | 11 +---------- p/themes/Pafat/pafat.css | 9 --------- p/themes/Pafat/pafat.rtl.css | 9 --------- p/themes/Screwdriver/screwdriver.css | 9 --------- p/themes/Screwdriver/screwdriver.rtl.css | 9 --------- p/themes/Swage/swage.css | 3 --- p/themes/Swage/swage.rtl.css | 3 --- p/themes/Swage/swage.scss | 4 ---- p/themes/base-theme/base.css | 16 ---------------- p/themes/base-theme/base.rtl.css | 16 ---------------- p/themes/base-theme/frss.css | 10 ++++++++-- p/themes/base-theme/frss.rtl.css | 10 ++++++++-- 29 files changed, 18 insertions(+), 216 deletions(-) (limited to 'p') diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index 3b5a9d337..867110efe 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -915,15 +915,6 @@ kbd { color: var(--font-color-contrast); } -.notification a.close { - padding: 0 15px; - line-height: 3; -} - -.notification#actualizeProgress { - line-height: 2; -} - /*=== "Load more" part */ #bigMarkAsRead { background: var(--background-color-dark); diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index 64ddd4403..3832ab7f9 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -915,15 +915,6 @@ kbd { color: var(--font-color-contrast); } -.notification a.close { - padding: 0 15px; - line-height: 3; -} - -.notification#actualizeProgress { - line-height: 2; -} - /*=== "Load more" part */ #bigMarkAsRead { background: var(--background-color-dark); diff --git a/p/themes/Ansum/_layout.scss b/p/themes/Ansum/_layout.scss index 4d099ab4a..ab7ec6e3e 100644 --- a/p/themes/Ansum/_layout.scss +++ b/p/themes/Ansum/_layout.scss @@ -348,9 +348,7 @@ main.prompt { } a.close { - padding: 0 15px; border-radius: 0 3px 3px 0; - line-height: 3em; } &.good a.close:hover { @@ -362,8 +360,6 @@ main.prompt { } &#actualizeProgress { - line-height: 2em; - br { display: none; } diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index 21d718949..b38f6e578 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -951,9 +951,7 @@ main.prompt { color: #fff; } .notification a.close { - padding: 0 15px; border-radius: 0 3px 3px 0; - line-height: 3em; } .notification.good a.close:hover { background: #0c7556; @@ -961,9 +959,6 @@ main.prompt { .notification.bad a.close:hover { background: #73341f; } -.notification#actualizeProgress { - line-height: 2em; -} .notification#actualizeProgress br { display: none; } diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index a4d0e32b5..261017071 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -951,9 +951,7 @@ main.prompt { color: #fff; } .notification a.close { - padding: 0 15px; border-radius: 3px 0 0 3px; - line-height: 3em; } .notification.good a.close:hover { background: #0c7556; @@ -961,9 +959,6 @@ main.prompt { .notification.bad a.close:hover { background: #73341f; } -.notification#actualizeProgress { - line-height: 2em; -} .notification#actualizeProgress br { display: none; } diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index caf81bb51..21a0f0352 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -950,11 +950,6 @@ a.btn { color: #eb2901; } -.notification a.close { - padding: 0 15px; - line-height: 3em; -} - .notification a.close:hover { background: rgba(255,255,255,0.2); } @@ -963,10 +958,6 @@ a.btn { filter: brightness(2); } -.notification#actualizeProgress { - line-height: 2em; -} - /*=== "Load more" part */ #bigMarkAsRead { background: #f9f7f4; diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index f4c4e0d84..6f081f80a 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -950,11 +950,6 @@ a.btn { color: #eb2901; } -.notification a.close { - padding: 0 15px; - line-height: 3em; -} - .notification a.close:hover { background: rgba(255,255,255,0.2); } @@ -963,10 +958,6 @@ a.btn { filter: brightness(2); } -.notification#actualizeProgress { - line-height: 2em; -} - /*=== "Load more" part */ #bigMarkAsRead { background: #f9f7f4; diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index c0a5fa507..89e9e007c 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -841,11 +841,6 @@ a.btn { color: #a44; } -.notification a.close { - padding: 0 15px; - line-height: 3em; -} - .notification a.close:hover { background: #222; border-radius: 0 3px 3px 0; @@ -859,10 +854,6 @@ a.btn { background: #a44; } -.notification#actualizeProgress { - line-height: 2em; -} - /*=== "Load more" part */ #bigMarkAsRead { text-align: center; diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index 82ec53464..b7d70c2bd 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -841,11 +841,6 @@ a.btn { color: #a44; } -.notification a.close { - padding: 0 15px; - line-height: 3em; -} - .notification a.close:hover { background: #222; border-radius: 3px 0 0 3px; @@ -859,10 +854,6 @@ a.btn { background: #a44; } -.notification#actualizeProgress { - line-height: 2em; -} - /*=== "Load more" part */ #bigMarkAsRead { text-align: center; diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 2f0362b9d..5982f7003 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -863,8 +863,6 @@ a.btn { } .notification a.close { - padding: 0 15px; - line-height: 3em; border-radius: 0 3px 3px 0; } @@ -876,10 +874,6 @@ a.btn { background: #c0392b; } -.notification#actualizeProgress { - line-height: 2em; -} - /*=== "Load more" part */ #bigMarkAsRead { text-align: center; diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index 63d0103c4..fa802c438 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -863,8 +863,6 @@ a.btn { } .notification a.close { - padding: 0 15px; - line-height: 3em; border-radius: 3px 0 0 3px; } @@ -876,10 +874,6 @@ a.btn { background: #c0392b; } -.notification#actualizeProgress { - line-height: 2em; -} - /*=== "Load more" part */ #bigMarkAsRead { text-align: center; diff --git a/p/themes/Mapco/_layout.scss b/p/themes/Mapco/_layout.scss index a4aaf6fa8..b1cae52f1 100644 --- a/p/themes/Mapco/_layout.scss +++ b/p/themes/Mapco/_layout.scss @@ -366,9 +366,7 @@ main.prompt { } a.close { - padding: 0 15px; border-radius: 0 3px 3px 0; - line-height: 3em; } &.good a.close:hover { @@ -380,8 +378,6 @@ main.prompt { } &#actualizeProgress { - line-height: 2em; - br { display: none; } diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 028c12e12..b7fe16011 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -969,9 +969,7 @@ main.prompt { color: #fff; } .notification a.close { - padding: 0 15px; border-radius: 0 3px 3px 0; - line-height: 3em; } .notification.good a.close:hover { background: #0c7540; @@ -979,9 +977,6 @@ main.prompt { .notification.bad a.close:hover { background: #73341f; } -.notification#actualizeProgress { - line-height: 2em; -} .notification#actualizeProgress br { display: none; } diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index 21cc44222..04efbb47d 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -969,9 +969,7 @@ main.prompt { color: #fff; } .notification a.close { - padding: 0 15px; border-radius: 3px 0 0 3px; - line-height: 3em; } .notification.good a.close:hover { background: #0c7540; @@ -979,9 +977,6 @@ main.prompt { .notification.bad a.close:hover { background: #73341f; } -.notification#actualizeProgress { - line-height: 2em; -} .notification#actualizeProgress br { display: none; } diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css index 9de1f0189..65d2f8bea 100644 --- a/p/themes/Nord/nord.css +++ b/p/themes/Nord/nord.css @@ -664,16 +664,6 @@ li.item.active { vertical-align: middle; } - -.notification a.close { - padding: 0 15px; - line-height: 3em; -} - -.notification#actualizeProgress { - line-height: 2em; -} - .notification.closed { opacity: 0; visibility: hidden; diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css index 52bdd752d..570b77d62 100644 --- a/p/themes/Nord/nord.rtl.css +++ b/p/themes/Nord/nord.rtl.css @@ -664,16 +664,6 @@ li.item.active { vertical-align: middle; } - -.notification a.close { - padding: 0 15px; - line-height: 3em; -} - -.notification#actualizeProgress { - line-height: 2em; -} - .notification.closed { opacity: 0; visibility: hidden; diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index a53055a75..e4d91099b 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -955,15 +955,6 @@ a:hover .icon { border: 1px solid var(--notification-bad-border-color); } -.notification a.close { - padding: 0 15px; - line-height: 3; -} - -.notification a.close:hover .icon { - filter: brightness(0.5); -} - .notification.good a.close:hover { background-color: var(--notification-close-background-color-hover); } @@ -973,7 +964,7 @@ a:hover .icon { } .notification#actualizeProgress { - line-height: 2; + line-height: 2em; } /*=== "Load more" part */ diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 377ff9823..d26c17bdb 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -955,15 +955,6 @@ a:hover .icon { border: 1px solid var(--notification-bad-border-color); } -.notification a.close { - padding: 0 15px; - line-height: 3; -} - -.notification a.close:hover .icon { - filter: brightness(0.5); -} - .notification.good a.close:hover { background-color: var(--notification-close-background-color-hover); } @@ -973,7 +964,7 @@ a:hover .icon { } .notification#actualizeProgress { - line-height: 2; + line-height: 2em; } /*=== "Load more" part */ diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index b513ba7ea..bf360127c 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -873,11 +873,6 @@ a.signin { border: 1px solid #ecc; } -.notification a.close { - padding: 0 15px; - line-height: 3; -} - .notification.good a.close:hover { background: #eeb; } @@ -886,10 +881,6 @@ a.signin { background: #ecc; } -.notification#actualizeProgress { - line-height: 2; -} - /*=== "Load more" part */ #bigMarkAsRead { background: #fafafa; diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 7d5ae91c7..e11c9ab81 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -873,11 +873,6 @@ a.signin { border: 1px solid #ecc; } -.notification a.close { - padding: 0 15px; - line-height: 3; -} - .notification.good a.close:hover { background: #eeb; } @@ -886,10 +881,6 @@ a.signin { background: #ecc; } -.notification#actualizeProgress { - line-height: 2; -} - /*=== "Load more" part */ #bigMarkAsRead { background: #fafafa; diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index 3829c787b..84c3b4c38 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -929,15 +929,6 @@ a.btn { color: #844; } -.notification a.close { - padding: 0 15px; - line-height: 3em; -} - -.notification#actualizeProgress { - line-height: 2em; -} - /*=== "Load more" part */ #bigMarkAsRead { background: #ede7de; diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index 7d745560d..cff62199f 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -929,15 +929,6 @@ a.btn { color: #844; } -.notification a.close { - padding: 0 15px; - line-height: 3em; -} - -.notification#actualizeProgress { - line-height: 2em; -} - /*=== "Load more" part */ #bigMarkAsRead { background: #ede7de; diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 1c438f4a1..44a986bb9 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -825,9 +825,6 @@ form th { .notification.bad a.close:hover { background-color: var(--color-background-bad); } -.notification#actualizeProgress { - line-height: 2; -} .notification a.close { display: none; } diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 0c3e52d20..24b0bbcfb 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -825,9 +825,6 @@ form th { .notification.bad a.close:hover { background-color: var(--color-background-bad); } -.notification#actualizeProgress { - line-height: 2; -} .notification a.close { display: none; } diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index 8f61015c5..f3ec8cf5c 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -1061,10 +1061,6 @@ form { } } - &#actualizeProgress { - line-height: 2; - } - a.close { display: none; } diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css index 22bc5a5e7..9f2e23a9c 100644 --- a/p/themes/base-theme/base.css +++ b/p/themes/base-theme/base.css @@ -658,13 +658,6 @@ a.btn { /*=== Notification and actualize notification */ .notification { - padding: 0 0 0 5px; - text-align: center; - font-weight: bold; - font-size: 0.9em; - line-height: 3; - z-index: 10; - vertical-align: middle; } .notification.good { @@ -673,21 +666,12 @@ a.btn { .notification.bad { } -.notification a.close { - padding: 0 15px; - line-height: 3; -} - .notification.good a.close:hover { } .notification.bad a.close:hover { } -.notification#actualizeProgress { - line-height: 2; -} - /*=== "Load more" part */ #bigMarkAsRead { text-align: center; diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css index d03906a90..da9d401a9 100644 --- a/p/themes/base-theme/base.rtl.css +++ b/p/themes/base-theme/base.rtl.css @@ -658,13 +658,6 @@ a.btn { /*=== Notification and actualize notification */ .notification { - padding: 0 5px 0 0; - text-align: center; - font-weight: bold; - font-size: 0.9em; - line-height: 3; - z-index: 10; - vertical-align: middle; } .notification.good { @@ -673,21 +666,12 @@ a.btn { .notification.bad { } -.notification a.close { - padding: 0 15px; - line-height: 3; -} - .notification.good a.close:hover { } .notification.bad a.close:hover { } -.notification#actualizeProgress { - line-height: 2; -} - /*=== "Load more" part */ #bigMarkAsRead { text-align: center; diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 6367e60f5..1186457b3 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -1373,15 +1373,19 @@ a.website:hover .favicon { /*=== Notification and actualize notification */ .notification { - padding: 10px 50px 10px 10px; + padding: 0.75rem 3.5rem 0.75rem 0.75rem; position: absolute; - top: 1em; + top: 1rem; left: 25%; right: 25%; z-index: 9999; background-color: var(--frss-background-color); + font-weight: bold; + font-size: 0.9rem; border: 1px solid var(--frss-border-color); opacity: 1; + text-align: center; line-height: 2; + vertical-align: middle; visibility: visible; transition: visibility 0s, opacity .3s linear; } @@ -1392,10 +1396,12 @@ a.website:hover .favicon { } .notification a.close { + padding: 0 1rem; position: absolute; top: 0; bottom: 0; right: 0; display: inline-block; + line-height: 3; } .notification a.close:hover { diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 73dc4f83d..30a9c3e6c 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -1373,15 +1373,19 @@ a.website:hover .favicon { /*=== Notification and actualize notification */ .notification { - padding: 10px 10px 10px 50px; + padding: 0.75rem 0.75rem 0.75rem 3.5rem; position: absolute; - top: 1em; + top: 1rem; right: 25%; left: 25%; z-index: 9999; background-color: var(--frss-background-color); + font-weight: bold; + font-size: 0.9rem; border: 1px solid var(--frss-border-color); opacity: 1; + text-align: center; line-height: 2; + vertical-align: middle; visibility: visible; transition: visibility 0s, opacity .3s linear; } @@ -1392,10 +1396,12 @@ a.website:hover .favicon { } .notification a.close { + padding: 0 1rem; position: absolute; top: 0; bottom: 0; left: 0; display: inline-block; + line-height: 3; } .notification a.close:hover { -- cgit v1.2.3 From a0e3fac47e2f0afbb0346da765bf8942c5ad3984 Mon Sep 17 00:00:00 2001 From: Axel Leroy <3141536+axeleroy@users.noreply.github.com> Date: Tue, 15 Nov 2022 18:52:20 +0100 Subject: Use the correct font file for Lato in bold (#4850) Co-authored-by: Axel Leroy Co-authored-by: maTh --- p/themes/Mapco/_fonts.scss | 2 +- p/themes/Mapco/mapco.css | 2 +- p/themes/Mapco/mapco.rtl.css | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) (limited to 'p') diff --git a/p/themes/Mapco/_fonts.scss b/p/themes/Mapco/_fonts.scss index 687525743..57c9c9bf2 100644 --- a/p/themes/Mapco/_fonts.scss +++ b/p/themes/Mapco/_fonts.scss @@ -19,7 +19,7 @@ font-style: normal; font-stretch: normal; font-weight: 700; - src: url("../fonts/LatoLatin-Regular.woff") format("woff"); + src: url("../fonts/LatoLatin-Bold.woff") format("woff"); } @font-face { diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index b7fe16011..bdf8a0434 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -17,7 +17,7 @@ font-style: normal; font-stretch: normal; font-weight: 700; - src: url("../fonts/LatoLatin-Regular.woff") format("woff"); + src: url("../fonts/LatoLatin-Bold.woff") format("woff"); } @font-face { font-family: "lato"; diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index 04efbb47d..a7048395d 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -17,7 +17,7 @@ font-style: normal; font-stretch: normal; font-weight: 700; - src: url("../fonts/LatoLatin-Regular.woff") format("woff"); + src: url("../fonts/LatoLatin-Bold.woff") format("woff"); } @font-face { font-family: "lato"; -- cgit v1.2.3 From 0ad8e6b4189d6afa6d6f1a74ba2bf9e90faf8ef3 Mon Sep 17 00:00:00 2001 From: maTh Date: Thu, 17 Nov 2022 19:45:57 +0100 Subject: fix: Reader view on mobile screen (#4868) --- p/themes/base-theme/frss.css | 4 ++++ p/themes/base-theme/frss.rtl.css | 4 ++++ 2 files changed, 8 insertions(+) (limited to 'p') diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 1186457b3..2a69ed442 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -2129,6 +2129,10 @@ input:checked + .slide-container .properties { top: 0; } + .reader .flux .content { + padding: 1rem; + } + .notification { top: 0; left: 0; diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 30a9c3e6c..4f8f1b04c 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -2129,6 +2129,10 @@ input:checked + .slide-container .properties { top: 0; } + .reader .flux .content { + padding: 1rem; + } + .notification { top: 0; right: 0; -- cgit v1.2.3 From 47883d3086b75bab800ad996e4e0ae01e331f4c3 Mon Sep 17 00:00:00 2001 From: maTh Date: Sun, 20 Nov 2022 14:35:02 +0100 Subject: fix: Article hover that changes the background (#4874) --- p/themes/Alternative-Dark/adark.css | 2 +- p/themes/Alternative-Dark/adark.rtl.css | 2 +- p/themes/Ansum/_list-view.scss | 10 ++++++---- p/themes/Ansum/ansum.css | 4 ++-- p/themes/Ansum/ansum.rtl.css | 4 ++-- p/themes/BlueLagoon/BlueLagoon.css | 2 +- p/themes/BlueLagoon/BlueLagoon.rtl.css | 2 +- p/themes/Dark/dark.css | 2 +- p/themes/Dark/dark.rtl.css | 2 +- p/themes/Flat/flat.css | 2 +- p/themes/Flat/flat.rtl.css | 2 +- p/themes/Mapco/_list-view.scss | 10 ++++++---- p/themes/Mapco/mapco.css | 4 ++-- p/themes/Mapco/mapco.rtl.css | 4 ++-- p/themes/Origine/origine.css | 8 ++++---- p/themes/Origine/origine.rtl.css | 8 ++++---- p/themes/Pafat/pafat.css | 2 +- p/themes/Pafat/pafat.rtl.css | 2 +- p/themes/Screwdriver/screwdriver.css | 2 +- p/themes/Screwdriver/screwdriver.rtl.css | 2 +- p/themes/Swage/swage.css | 4 ++-- p/themes/Swage/swage.rtl.css | 4 ++-- p/themes/Swage/swage.scss | 2 +- 23 files changed, 45 insertions(+), 41 deletions(-) (limited to 'p') diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index 867110efe..4cab202f6 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -742,7 +742,7 @@ kbd { border-left-style: solid; } -.flux:hover { +.flux .flux_header:hover { background: var(--background-color-hover) !important; } diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index 3832ab7f9..a98691b40 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -742,7 +742,7 @@ kbd { border-right-style: solid; } -.flux:hover { +.flux .flux_header:hover { background: var(--background-color-hover) !important; } diff --git a/p/themes/Ansum/_list-view.scss b/p/themes/Ansum/_list-view.scss index c85c6f8fb..1ffd68dc7 100644 --- a/p/themes/Ansum/_list-view.scss +++ b/p/themes/Ansum/_list-view.scss @@ -11,11 +11,13 @@ @include mixins.transition(all, 0.15s, ease-in-out); - &:hover { - background: variables.$grey-lighter; - - &:not(.current):hover .item.title { + .flux_header { + &:hover { background: variables.$grey-lighter; + + &:not(.current):hover .item.title { + background: variables.$grey-lighter; + } } } diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index b38f6e578..dfc7562f9 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -977,10 +977,10 @@ main.prompt { background: #fff; transition: all 0.15s ease-in-out; } -.flux:hover { +.flux .flux_header:hover { background: #fcfaf8; } -.flux:hover:not(.current):hover .item.title { +.flux .flux_header:hover:not(.current):hover .item.title { background: #fcfaf8; } .flux.current { diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index 261017071..c5809c501 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -977,10 +977,10 @@ main.prompt { background: #fff; transition: all 0.15s ease-in-out; } -.flux:hover { +.flux .flux_header:hover { background: #fcfaf8; } -.flux:hover:not(.current):hover .item.title { +.flux .flux_header:hover:not(.current):hover .item.title { background: #fcfaf8; } .flux.current { diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index 21a0f0352..c76057e79 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -802,7 +802,7 @@ a.btn { background: #f9f7f4; } -.flux:hover { +.flux .flux_header:hover { background: #f9f7f4; } diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index 6f081f80a..cf4980cee 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -802,7 +802,7 @@ a.btn { background: #f9f7f4; } -.flux:hover { +.flux .flux_header:hover { background: #f9f7f4; } diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index 89e9e007c..61f28bde8 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -717,7 +717,7 @@ a.btn { border-left: 2px solid #2f2f2f; } -.flux:hover { +.flux .flux_header:hover { background: #111; } diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index b7d70c2bd..562c2addf 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -717,7 +717,7 @@ a.btn { border-right: 2px solid #2f2f2f; } -.flux:hover { +.flux .flux_header:hover { background: #111; } diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 5982f7003..ff866f413 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -728,7 +728,7 @@ a.btn { border-left: 2px solid #ecf0f1; } -.flux:hover { +.flux .flux_header:hover { background: #fff; } diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index fa802c438..84142e6de 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -728,7 +728,7 @@ a.btn { border-right: 2px solid #ecf0f1; } -.flux:hover { +.flux .flux_header:hover { background: #fff; } diff --git a/p/themes/Mapco/_list-view.scss b/p/themes/Mapco/_list-view.scss index 40fab3c1c..7d0fb87f4 100644 --- a/p/themes/Mapco/_list-view.scss +++ b/p/themes/Mapco/_list-view.scss @@ -10,11 +10,13 @@ @include mixins.transition(all, 0.15s, ease-in-out); - &:hover { - background: variables.$grey-lighter; - - &:not(.current):hover .item.title { + .flux_header { + &:hover { background: variables.$grey-lighter; + + &:not(.current):hover .item.title { + background: variables.$grey-lighter; + } } } diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index bdf8a0434..656cb87a2 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -995,10 +995,10 @@ main.prompt { background: #fff; transition: all 0.15s ease-in-out; } -.flux:hover { +.flux .flux_header:hover { background: #f9fafb; } -.flux:hover:not(.current):hover .item.title { +.flux .flux_header:hover:not(.current):hover .item.title { background: #f9fafb; } .flux.current { diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index a7048395d..a1aaa42f6 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -995,10 +995,10 @@ main.prompt { background: #fff; transition: all 0.15s ease-in-out; } -.flux:hover { +.flux .flux_header:hover { background: #f9fafb; } -.flux:hover:not(.current):hover .item.title { +.flux .flux_header:hover:not(.current):hover .item.title { background: #f9fafb; } .flux.current { diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index e4d91099b..5420c577f 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -828,15 +828,15 @@ a:hover .icon { border-left: 2px solid transparent; } -.flux:hover:not(.active) { +.flux .flux_header:hover { background-color: var(--background-color-hover) !important; } -.flux:not(.current):hover .item.title { +.flux .flux_header:not(.current):hover .item.title { background: inherit; } -.flux.current { +.flux.current .flux_header { background-color: var(--background-color-light); border-left: 2px solid var(--contrast-border-color-active); } @@ -845,7 +845,7 @@ a:hover .icon { border-left: 2px solid var(--unread-article-border-color); } -.flux.not_read:not(.current) { +.flux.not_read .flux_header { background-color: var(--unread-article-background-color); } diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index d26c17bdb..036641bf9 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -828,15 +828,15 @@ a:hover .icon { border-right: 2px solid transparent; } -.flux:hover:not(.active) { +.flux .flux_header:hover { background-color: var(--background-color-hover) !important; } -.flux:not(.current):hover .item.title { +.flux .flux_header:not(.current):hover .item.title { background: inherit; } -.flux.current { +.flux.current .flux_header { background-color: var(--background-color-light); border-right: 2px solid var(--contrast-border-color-active); } @@ -845,7 +845,7 @@ a:hover .icon { border-right: 2px solid var(--unread-article-border-color); } -.flux.not_read:not(.current) { +.flux.not_read .flux_header { background-color: var(--unread-article-background-color); } diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index bf360127c..292f2eae2 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -742,7 +742,7 @@ a.signin { border-left: 3px solid #5cb85c; } -.flux:hover { +.flux .flux_header:hover { background: #fff; } diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index e11c9ab81..6e2d1ed38 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -742,7 +742,7 @@ a.signin { border-right: 3px solid #5cb85c; } -.flux:hover { +.flux .flux_header:hover { background: #fff; } diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index 84c3b4c38..499d65342 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -780,7 +780,7 @@ a.btn { background: #ede7de; } -.flux:hover { +.flux .flux_header:hover { background: #f9f7f4; } diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index cff62199f..856043850 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -780,7 +780,7 @@ a.btn { background: #ede7de; } -.flux:hover { +.flux .flux_header:hover { background: #f9f7f4; } diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 44a986bb9..7a7339916 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -754,11 +754,11 @@ form th { width: 90%; border-top: 1px solid var(--color-border-light-darker); } -.flux:hover, +.flux .flux_header:hover, .flux .current { background-color: var(--color-background-hover); } -.flux:hover:not(.current):hover .item.title, +.flux .flux_header:hover:not(.current):hover .item.title, .flux .current:not(.current):hover .item.title { background-color: var(--color-background-hover); } diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 24b0bbcfb..e3977753f 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -754,11 +754,11 @@ form th { width: 90%; border-top: 1px solid var(--color-border-light-darker); } -.flux:hover, +.flux .flux_header:hover, .flux .current { background-color: var(--color-background-hover); } -.flux:hover:not(.current):hover .item.title, +.flux .flux_header:hover:not(.current):hover .item.title, .flux .current:not(.current):hover .item.title { background-color: var(--color-background-hover); } diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index f3ec8cf5c..e5a3cbfc3 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -971,7 +971,7 @@ form { border-top: 1px solid var(--color-border-light-darker); } - &:hover, + .flux_header:hover, .current { background-color: var(--color-background-hover); -- cgit v1.2.3 From 52d26d6da1fb8b20b0f7f8897d0c107c292aecd6 Mon Sep 17 00:00:00 2001 From: maTh Date: Sun, 20 Nov 2022 14:40:05 +0100 Subject: fix: Swage theme (#4875) --- p/themes/Swage/swage.css | 2 ++ p/themes/Swage/swage.rtl.css | 2 ++ p/themes/Swage/swage.scss | 2 ++ 3 files changed, 6 insertions(+) (limited to 'p') diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 7a7339916..ae598f146 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -572,6 +572,7 @@ form th { height: auto; } .header > .item { + padding: 0; vertical-align: middle; } .header > .item.title { @@ -724,6 +725,7 @@ form th { } .nav_menu { + padding: 0; width: 100%; font-size: 0; background-color: var(--color-background-nav); diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index e3977753f..bcc218301 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -572,6 +572,7 @@ form th { height: auto; } .header > .item { + padding: 0; vertical-align: middle; } .header > .item.title { @@ -724,6 +725,7 @@ form th { } .nav_menu { + padding: 0; width: 100%; font-size: 0; background-color: var(--color-background-nav); diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index e5a3cbfc3..8ca92e253 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -727,6 +727,7 @@ form { height: auto; > .item { + padding: 0; vertical-align: middle; &.title { @@ -933,6 +934,7 @@ form { .nav_menu { + padding: 0; width: 100%; font-size: 0; background-color: var(--color-background-nav); -- cgit v1.2.3 From e7aa0628581a8d010561959f7b80ce7e1a3784ab Mon Sep 17 00:00:00 2001 From: maTh Date: Sun, 20 Nov 2022 14:41:31 +0100 Subject: Improved: Origine Compact theme (#4873) --- p/themes/Origine-compact/origine-compact.css | 21 +++++---------------- p/themes/Origine-compact/origine-compact.rtl.css | 21 +++++---------------- p/themes/base-theme/frss.css | 1 - p/themes/base-theme/frss.rtl.css | 1 - 4 files changed, 10 insertions(+), 34 deletions(-) (limited to 'p') diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css index d85d5c065..e70482d57 100644 --- a/p/themes/Origine-compact/origine-compact.css +++ b/p/themes/Origine-compact/origine-compact.css @@ -6,12 +6,6 @@ --frss-padding-top-bottom: 0.125rem; } -input, select, textarea { - padding: 3px 5px 2px 5px; - min-height: 25px; - line-height: 2; -} - /*=== COMPONENTS */ /*===============*/ /*=== Forms */ @@ -58,24 +52,19 @@ a.btn, /*=== STRUCTURE */ /*===============*/ /*=== Header */ -.header .item.configure .btn, -.header .item.search .btn { - min-height: 18px; - padding: 4px 10px; - line-height: 1.4; +.header { + /* search bar and config button height = 2.1rem */ + height: calc(2.1rem + 2 * var(--frss-padding-top-bottom)); } .header > .item.title .logo { + /* logo is smaller than needed */ height: 1.5rem; } -.header > .item.search input { - padding: 1px 5px; -} - /*=== Body */ #global { - height: calc(100vh - (calc(1.5rem + 2 * var(--frss-padding-top-bottom)))) + height: calc(100vh - (calc(2.1rem + 2 * var(--frss-padding-top-bottom)))) } /*=== Aside main page (categories) */ diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css index 1273cfc55..d6f7e49bd 100644 --- a/p/themes/Origine-compact/origine-compact.rtl.css +++ b/p/themes/Origine-compact/origine-compact.rtl.css @@ -6,12 +6,6 @@ --frss-padding-top-bottom: 0.125rem; } -input, select, textarea { - padding: 3px 5px 2px 5px; - min-height: 25px; - line-height: 2; -} - /*=== COMPONENTS */ /*===============*/ /*=== Forms */ @@ -58,24 +52,19 @@ a.btn, /*=== STRUCTURE */ /*===============*/ /*=== Header */ -.header .item.configure .btn, -.header .item.search .btn { - min-height: 18px; - padding: 4px 10px; - line-height: 1.4; +.header { + /* search bar and config button height = 2.1rem */ + height: calc(2.1rem + 2 * var(--frss-padding-top-bottom)); } .header > .item.title .logo { + /* logo is smaller than needed */ height: 1.5rem; } -.header > .item.search input { - padding: 1px 5px; -} - /*=== Body */ #global { - height: calc(100vh - (calc(1.5rem + 2 * var(--frss-padding-top-bottom)))) + height: calc(100vh - (calc(2.1rem + 2 * var(--frss-padding-top-bottom)))) } /*=== Aside main page (categories) */ diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 2a69ed442..42f6c05f6 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -118,7 +118,6 @@ h3 { /*=== Paragraphs */ p { margin: 1rem 0 0.5rem; - font-size: 1rem; } p.help, .prompt p.help { diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 4f8f1b04c..77ff17934 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -118,7 +118,6 @@ h3 { /*=== Paragraphs */ p { margin: 1rem 0 0.5rem; - font-size: 1rem; } p.help, .prompt p.help { -- cgit v1.2.3 From 278e07f7bdfc1c81129a261d59311bc82461366c Mon Sep 17 00:00:00 2001 From: maTh Date: Sun, 20 Nov 2022 14:46:39 +0100 Subject: fix: over flowing table that destroy the layout (#4872) --- p/themes/Alternative-Dark/adark.css | 3 +-- p/themes/Alternative-Dark/adark.rtl.css | 3 +-- p/themes/Ansum/_tables.scss | 3 +-- p/themes/Ansum/ansum.css | 3 +-- p/themes/Ansum/ansum.rtl.css | 3 +-- p/themes/BlueLagoon/BlueLagoon.css | 3 +-- p/themes/BlueLagoon/BlueLagoon.rtl.css | 3 +-- p/themes/Dark/dark.css | 3 +-- p/themes/Dark/dark.rtl.css | 3 +-- p/themes/Flat/flat.css | 3 +-- p/themes/Flat/flat.rtl.css | 3 +-- p/themes/Mapco/_tables.scss | 3 +-- p/themes/Mapco/mapco.css | 3 +-- p/themes/Mapco/mapco.rtl.css | 3 +-- p/themes/Nord/nord.css | 4 ---- p/themes/Nord/nord.rtl.css | 4 ---- p/themes/Origine/origine.css | 3 +-- p/themes/Origine/origine.rtl.css | 3 +-- p/themes/Pafat/pafat.css | 3 +-- p/themes/Pafat/pafat.rtl.css | 3 +-- p/themes/Screwdriver/screwdriver.css | 3 +-- p/themes/Screwdriver/screwdriver.rtl.css | 3 +-- p/themes/Swage/swage.css | 2 -- p/themes/Swage/swage.rtl.css | 2 -- p/themes/Swage/swage.scss | 2 -- p/themes/base-theme/base.css | 3 +-- p/themes/base-theme/base.rtl.css | 3 +-- p/themes/base-theme/frss.css | 14 ++++++++++++++ p/themes/base-theme/frss.rtl.css | 14 ++++++++++++++ 29 files changed, 50 insertions(+), 58 deletions(-) (limited to 'p') diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index 4cab202f6..1238dc494 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -123,8 +123,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid var(--border-color-dark); } diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index a98691b40..341d504c2 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -123,8 +123,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid var(--border-color-dark); } diff --git a/p/themes/Ansum/_tables.scss b/p/themes/Ansum/_tables.scss index 4955fff6a..7376279e0 100644 --- a/p/themes/Ansum/_tables.scss +++ b/p/themes/Ansum/_tables.scss @@ -5,8 +5,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid variables.$grey-medium-light; } diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index dfc7562f9..904335955 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -201,8 +201,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #e4d8cc; } diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index c5809c501..3ce5662db 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -201,8 +201,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #e4d8cc; } diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index c76057e79..14f1cd612 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -75,8 +75,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #ddd; } diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index cf4980cee..66cca16fe 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -75,8 +75,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #ddd; } diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index 61f28bde8..b177c5723 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -87,8 +87,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #333; } diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index 562c2addf..1851cfc3e 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -87,8 +87,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #333; } diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index ff866f413..4a4028db7 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -79,8 +79,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #ddd; } diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index 84142e6de..ae823acfc 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -79,8 +79,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #ddd; } diff --git a/p/themes/Mapco/_tables.scss b/p/themes/Mapco/_tables.scss index 4955fff6a..7376279e0 100644 --- a/p/themes/Mapco/_tables.scss +++ b/p/themes/Mapco/_tables.scss @@ -5,8 +5,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid variables.$grey-medium-light; } diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 656cb87a2..5a6b44b9a 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -200,8 +200,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #d5d8db; } diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index a1aaa42f6..0004bd1e3 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -200,8 +200,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #d5d8db; } diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css index 65d2f8bea..f7ffb7cf7 100644 --- a/p/themes/Nord/nord.css +++ b/p/themes/Nord/nord.css @@ -95,10 +95,6 @@ button.as-link[disabled] { } /*=== Tables */ -tr, th, td { - padding: 0.5em; -} - form td, form th { font-weight: normal; diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css index 570b77d62..b1015d7de 100644 --- a/p/themes/Nord/nord.rtl.css +++ b/p/themes/Nord/nord.rtl.css @@ -95,10 +95,6 @@ button.as-link[disabled] { } /*=== Tables */ -tr, th, td { - padding: 0.5em; -} - form td, form th { font-weight: normal; diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 5420c577f..0b7903253 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -156,8 +156,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid var(--border-color); } diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 036641bf9..7c8efb776 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -156,8 +156,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid var(--border-color); } diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 292f2eae2..0548947ae 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -69,8 +69,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #ddd; } diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 6e2d1ed38..50f698244 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -69,8 +69,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #ddd; } diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index 499d65342..de114e436 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -73,8 +73,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #ddd; } diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index 856043850..6e9e58dbc 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -73,8 +73,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { border: 1px solid #ddd; } diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index ae598f146..bbd6a76c5 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -162,10 +162,8 @@ table { border-collapse: collapse; } -tr, td, th { - padding: 0.5em; border: 1px solid var(--color-border-light-darker); } diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index bcc218301..01930825e 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -162,10 +162,8 @@ table { border-collapse: collapse; } -tr, td, th { - padding: 0.5em; border: 1px solid var(--color-border-light-darker); } diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index 8ca92e253..e1b361844 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -202,10 +202,8 @@ table { border-collapse: collapse; } -tr, td, th { - padding: 0.5em; border: 1px solid var(--color-border-light-darker); } diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css index 9f2e23a9c..6b8f1ec49 100644 --- a/p/themes/base-theme/base.css +++ b/p/themes/base-theme/base.css @@ -61,8 +61,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { } th { diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css index da9d401a9..5dbeb1c8d 100644 --- a/p/themes/base-theme/base.rtl.css +++ b/p/themes/base-theme/base.rtl.css @@ -61,8 +61,7 @@ table { border-collapse: collapse; } -tr, th, td { - padding: 0.5em; +th, td { } th { diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 42f6c05f6..f5aaea902 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -333,9 +333,14 @@ button.as-link[disabled] { } table { + margin: 0.5rem 0; max-width: 100%; } +th, td { + padding: 0.5rem; +} + th.numeric, td.numeric { text-align: center; @@ -1280,6 +1285,7 @@ a.website:hover .favicon { padding: 0.75rem; line-height: 1.5; word-wrap: break-word; + overflow: auto; } .content.large { @@ -2132,6 +2138,14 @@ input:checked + .slide-container .properties { padding: 1rem; } + table { + font-size: 0.9rem; + } + + th, td { + padding: 0.25rem; + } + .notification { top: 0; left: 0; diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 77ff17934..d3fdf4a02 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -333,9 +333,14 @@ button.as-link[disabled] { } table { + margin: 0.5rem 0; max-width: 100%; } +th, td { + padding: 0.5rem; +} + th.numeric, td.numeric { text-align: center; @@ -1280,6 +1285,7 @@ a.website:hover .favicon { padding: 0.75rem; line-height: 1.5; word-wrap: break-word; + overflow: auto; } .content.large { @@ -2132,6 +2138,14 @@ input:checked + .slide-container .properties { padding: 1rem; } + table { + font-size: 0.9rem; + } + + th, td { + padding: 0.25rem; + } + .notification { top: 0; right: 0; -- cgit v1.2.3 From 9b674e7e9390d19c1a9686710d78164a41ad31d1 Mon Sep 17 00:00:00 2001 From: maTh Date: Sun, 20 Nov 2022 15:10:33 +0100 Subject: Improved: show bigmarkasread button only, when there are unread articles (#4681) * function toggle_bigMarkAsRead_button() * nothing_to_load text outside of bigmarkasread button * improved * fix * Update p/scripts/main.js Co-authored-by: Alexandre Alapetite Co-authored-by: Alexandre Alapetite --- app/views/helpers/stream-footer.phtml | 11 ++++++----- p/scripts/main.js | 20 ++++++++++++++++++++ 2 files changed, 26 insertions(+), 5 deletions(-) (limited to 'p') diff --git a/app/views/helpers/stream-footer.phtml b/app/views/helpers/stream-footer.phtml index ebce4d852..f37ba59d6 100755 --- a/app/views/helpers/stream-footer.phtml +++ b/app/views/helpers/stream-footer.phtml @@ -30,19 +30,20 @@ if ($hasAccess) { ?> +
-
-
-
+
diff --git a/p/scripts/main.js b/p/scripts/main.js index 436796b52..bf2c56f56 100644 --- a/p/scripts/main.js +++ b/p/scripts/main.js @@ -264,6 +264,7 @@ function send_mark_read_queue(queue, asRead, callback) { incUnreadsTag(tagId, (asRead ? -1 : 1) * json.tags[tagId].length); } } + toggle_bigMarkAsRead_button(); onScroll(); if (callback) { callback(); @@ -1661,6 +1662,23 @@ function refreshUnreads() { req.send(); } +function toggle_bigMarkAsRead_button() { + const bigMarkAsRead_button = document.getElementById('bigMarkAsRead'); + if (bigMarkAsRead_button) { + if (document.querySelector('.flux.not_read') != null) { + bigMarkAsRead_button.style = ''; + bigMarkAsRead_button.querySelector('.markAllRead').style.visibility = ''; + } else { + if (bigMarkAsRead_button.querySelector('.jumpNext')) { + bigMarkAsRead_button.querySelector('.markAllRead').style.visibility = 'hidden'; + } else { + bigMarkAsRead_button.querySelector('.markAllRead').style.visibility = ''; + bigMarkAsRead_button.style.visibility = 'hidden'; + } + } + } +} + // let url_load_more = ''; let load_more = false; @@ -1697,6 +1715,7 @@ function load_more_posts() { } else { bigMarkAsRead.formAction = readAll.formAction; } + toggle_bigMarkAsRead_button(); } document.querySelectorAll('[id^=day_]').forEach(function (div) { @@ -1849,6 +1868,7 @@ function init_main_afterDOM() { init_posts(); init_nav_entries(); init_notifs_html5(); + toggle_bigMarkAsRead_button(); setTimeout(faviconNbUnread, 1000); setInterval(refreshUnreads, 120000); } -- cgit v1.2.3 From 10c5a9326ef3c252aeb4c6bcac99f87b3dc20ab8 Mon Sep 17 00:00:00 2001 From: Miika Launiainen Date: Tue, 22 Nov 2022 09:15:50 +0200 Subject: Dark pink: Fixes for the theme (#4881) * Added custom color for the background-color-hover * Updated thumbnail --- p/themes/Dark-pink/pinkdark.css | 4 ++++ p/themes/Dark-pink/pinkdark.rtl.css | 4 ++++ p/themes/Dark-pink/thumbs/original.png | Bin 204893 -> 188590 bytes 3 files changed, 8 insertions(+) (limited to 'p') diff --git a/p/themes/Dark-pink/pinkdark.css b/p/themes/Dark-pink/pinkdark.css index 4ccfbbb95..ac418d7cf 100644 --- a/p/themes/Dark-pink/pinkdark.css +++ b/p/themes/Dark-pink/pinkdark.css @@ -1,3 +1,7 @@ +:root { + --background-color-hover: #2f1d22; +} + .btn:hover { background: unset; border-color: #ff449a; diff --git a/p/themes/Dark-pink/pinkdark.rtl.css b/p/themes/Dark-pink/pinkdark.rtl.css index 9c88010e5..748e83c49 100644 --- a/p/themes/Dark-pink/pinkdark.rtl.css +++ b/p/themes/Dark-pink/pinkdark.rtl.css @@ -1,3 +1,7 @@ +:root { + --background-color-hover: #2f1d22; +} + .btn:hover { background: unset; border-color: #ff449a; diff --git a/p/themes/Dark-pink/thumbs/original.png b/p/themes/Dark-pink/thumbs/original.png index 4bae257b5..835496eac 100644 Binary files a/p/themes/Dark-pink/thumbs/original.png and b/p/themes/Dark-pink/thumbs/original.png differ -- cgit v1.2.3 From 88ef6174c0e60121128afc99c49e501f8a0a4451 Mon Sep 17 00:00:00 2001 From: Nicolas Frandeboeuf Date: Tue, 22 Nov 2022 08:16:57 +0100 Subject: 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 --- p/themes/Origine/origine.css | 14 ++++++++------ p/themes/Origine/origine.rtl.css | 14 ++++++++------ 2 files changed, 16 insertions(+), 12 deletions(-) (limited to 'p') 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 { -- cgit v1.2.3 From 1184c20467c34ba4457f36e554c5b7a4d3226f85 Mon Sep 17 00:00:00 2001 From: maTh Date: Wed, 23 Nov 2022 22:22:01 +0100 Subject: fixed: background hover colour (#4889) --- p/themes/Flat/flat.css | 8 -------- p/themes/Flat/flat.rtl.css | 8 -------- p/themes/Pafat/pafat.css | 4 ++-- p/themes/Pafat/pafat.rtl.css | 4 ++-- p/themes/base-theme/frss.css | 2 +- p/themes/base-theme/frss.rtl.css | 2 +- 6 files changed, 6 insertions(+), 22 deletions(-) (limited to 'p') diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 4a4028db7..7029fd7e7 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -744,10 +744,6 @@ a.btn { background: #fff3ed; } -.flux.not_read:not(.current):hover .item.title { - background: inherit; -} - .flux.favorite { border-left-color: #ffc300; } @@ -756,10 +752,6 @@ a.btn { background: #fff6da; } -.flux.favorite:not(.current):hover .item.title { - background: #fff6da; -} - .flux_header { font-size: 0.8rem; cursor: pointer; diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index ae823acfc..92d460c65 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -744,10 +744,6 @@ a.btn { background: #fff3ed; } -.flux.not_read:not(.current):hover .item.title { - background: inherit; -} - .flux.favorite { border-right-color: #ffc300; } @@ -756,10 +752,6 @@ a.btn { background: #fff6da; } -.flux.favorite:not(.current):hover .item.title { - background: #fff6da; -} - .flux_header { font-size: 0.8rem; cursor: pointer; diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 0548947ae..7f1b85de3 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -766,8 +766,8 @@ a.signin { background: #fff6da; } -.flux.favorite:not(.current):hover .item.title { - background: #fff6da; +.flux.favorite:not(.current) .flux_header:hover { + background: #fff9e8; } .flux_header { diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 50f698244..c8b7171f4 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -766,8 +766,8 @@ a.signin { background: #fff6da; } -.flux.favorite:not(.current):hover .item.title { - background: #fff6da; +.flux.favorite:not(.current) .flux_header:hover { + background: #fff9e8; } .flux_header { diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index f5aaea902..190fbcb15 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -1177,7 +1177,7 @@ a.website:hover .favicon { } .flux:not(.current):hover .item.title { - background-color: var(--frss-background-color); + background-color: inherit; max-width: calc(100% - 320px); position: absolute; } diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index d3fdf4a02..a522ad59e 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -1177,7 +1177,7 @@ a.website:hover .favicon { } .flux:not(.current):hover .item.title { - background-color: var(--frss-background-color); + background-color: inherit; max-width: calc(100% - 320px); position: absolute; } -- cgit v1.2.3 From 4869ae0fec949f774cee12cd0a42636b1ad45b12 Mon Sep 17 00:00:00 2001 From: maTh Date: Wed, 23 Nov 2022 22:29:27 +0100 Subject: fix: line-height of label list (#4890) --- p/themes/Alternative-Dark/adark.css | 2 -- p/themes/Alternative-Dark/adark.rtl.css | 2 -- p/themes/BlueLagoon/BlueLagoon.css | 2 -- p/themes/BlueLagoon/BlueLagoon.rtl.css | 2 -- p/themes/Dark/dark.css | 2 -- p/themes/Dark/dark.rtl.css | 2 -- p/themes/Flat/flat.css | 2 -- p/themes/Flat/flat.rtl.css | 2 -- p/themes/Nord/nord.css | 2 -- p/themes/Nord/nord.rtl.css | 2 -- p/themes/Pafat/pafat.css | 2 -- p/themes/Pafat/pafat.rtl.css | 2 -- p/themes/Screwdriver/screwdriver.css | 2 -- p/themes/Screwdriver/screwdriver.rtl.css | 2 -- p/themes/Swage/swage.css | 2 -- p/themes/Swage/swage.rtl.css | 2 -- p/themes/Swage/swage.scss | 2 -- p/themes/base-theme/base.css | 2 -- p/themes/base-theme/base.rtl.css | 2 -- 19 files changed, 38 deletions(-) (limited to 'p') diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index 1238dc494..656f457fd 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -523,8 +523,6 @@ kbd { } .tree-folder-items > .item { - padding: 0 10px; - line-height: 3.1; font-size: 0.8rem; } diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index 341d504c2..7fcb831b8 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -523,8 +523,6 @@ kbd { } .tree-folder-items > .item { - padding: 0 10px; - line-height: 3.1; font-size: 0.8rem; } diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index 14f1cd612..13f0b1a1e 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -527,8 +527,6 @@ a.btn { } .tree-folder-items > .item { - padding: 0 10px; - line-height: 2.5rem; font-size: 0.8rem; } diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index 66cca16fe..8ac73893c 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -527,8 +527,6 @@ a.btn { } .tree-folder-items > .item { - padding: 0 10px; - line-height: 2.5rem; font-size: 0.8rem; } diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index b177c5723..e4abe22d3 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -496,8 +496,6 @@ a.btn { } .tree-folder-items > .item { - padding: 0 10px; - line-height: 2.5rem; font-size: 0.8rem; } diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index 1851cfc3e..694ab0a14 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -496,8 +496,6 @@ a.btn { } .tree-folder-items > .item { - padding: 0 10px; - line-height: 2.5rem; font-size: 0.8rem; } diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 7029fd7e7..2b072bf4f 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -497,8 +497,6 @@ a.btn { } .tree-folder-items > .item { - padding: 0 10px; - line-height: 2.5rem; font-size: 0.8rem; } diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index 92d460c65..f08b72846 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -497,8 +497,6 @@ a.btn { } .tree-folder-items > .item { - padding: 0 10px; - line-height: 2.5rem; font-size: 0.8rem; } diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css index f7ffb7cf7..482cb58f4 100644 --- a/p/themes/Nord/nord.css +++ b/p/themes/Nord/nord.css @@ -379,10 +379,8 @@ img.favicon { } .tree-folder-items > .item { - padding: 0 10px; color: var(--text); font-size: 0.8rem; - line-height: 2.5rem; } .tree-folder-items > .item > a { diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css index b1015d7de..c0f5406e5 100644 --- a/p/themes/Nord/nord.rtl.css +++ b/p/themes/Nord/nord.rtl.css @@ -379,10 +379,8 @@ img.favicon { } .tree-folder-items > .item { - padding: 0 10px; color: var(--text); font-size: 0.8rem; - line-height: 2.5rem; } .tree-folder-items > .item > a { diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 7f1b85de3..2e6494a66 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -481,8 +481,6 @@ a.btn { .aside_feed .tree-folder-items > .item.feed { - padding: 0 0.5rem; - line-height: 3.1; font-size: 0.8rem; } diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index c8b7171f4..80505523b 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -481,8 +481,6 @@ a.btn { .aside_feed .tree-folder-items > .item.feed { - padding: 0 0.5rem; - line-height: 3.1; font-size: 0.8rem; } diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index de114e436..800863f48 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -518,8 +518,6 @@ a.btn { } .tree-folder-items > .item { - padding: 0 10px; - line-height: 2.5rem; font-size: 0.8rem; } diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index 6e9e58dbc..caa76aae2 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -518,8 +518,6 @@ a.btn { } .tree-folder-items > .item { - padding: 0 10px; - line-height: 2.5rem; font-size: 0.8rem; } diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index bbd6a76c5..fad59acb5 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -554,8 +554,6 @@ form th { background-color: var(--color-background-aside); } .tree-folder-items > .item { - padding: 0 10px; - line-height: 3; font-size: 0.8rem; } .tree-folder-items > .item.active { diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 01930825e..97ddf357c 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -554,8 +554,6 @@ form th { background-color: var(--color-background-aside); } .tree-folder-items > .item { - padding: 0 10px; - line-height: 3; font-size: 0.8rem; } .tree-folder-items > .item.active { diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index e1b361844..fddb287be 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -706,8 +706,6 @@ form { background-color: var(--color-background-aside); > .item { - padding: 0 10px; - line-height: 3; font-size: 0.8rem; &.active { diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css index 6b8f1ec49..3f72fff53 100644 --- a/p/themes/base-theme/base.css +++ b/p/themes/base-theme/base.css @@ -385,8 +385,6 @@ a.btn { } .tree-folder-items > .item { - padding: 0 10px; - line-height: 3.1; font-size: 0.8rem; } diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css index 5dbeb1c8d..461e7930e 100644 --- a/p/themes/base-theme/base.rtl.css +++ b/p/themes/base-theme/base.rtl.css @@ -385,8 +385,6 @@ a.btn { } .tree-folder-items > .item { - padding: 0 10px; - line-height: 3.1; font-size: 0.8rem; } -- cgit v1.2.3 From c9f5012f102c5270d27206aca957b2ee16fe04f8 Mon Sep 17 00:00:00 2001 From: maTh Date: Wed, 23 Nov 2022 22:35:20 +0100 Subject: 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 --- p/themes/Alternative-Dark/adark.css | 2 - p/themes/Alternative-Dark/adark.rtl.css | 2 - p/themes/Ansum/_forms.scss | 1 - p/themes/Ansum/_mobile.scss | 4 - p/themes/Ansum/ansum.css | 4 - p/themes/Ansum/ansum.rtl.css | 4 - p/themes/BlueLagoon/BlueLagoon.css | 2 - p/themes/BlueLagoon/BlueLagoon.rtl.css | 2 - p/themes/Dark/dark.css | 2 - p/themes/Dark/dark.rtl.css | 2 - p/themes/Flat/flat.css | 2 - p/themes/Flat/flat.rtl.css | 2 - p/themes/Mapco/_forms.scss | 1 - p/themes/Mapco/_mobile.scss | 4 - p/themes/Mapco/mapco.css | 4 - p/themes/Mapco/mapco.rtl.css | 4 - p/themes/Nord/nord.css | 201 ++++++++++++++++--------------- p/themes/Nord/nord.rtl.css | 201 ++++++++++++++++--------------- p/themes/Origine/origine.css | 3 - p/themes/Origine/origine.rtl.css | 3 - p/themes/Pafat/pafat.css | 2 - p/themes/Pafat/pafat.rtl.css | 2 - p/themes/Screwdriver/screwdriver.css | 2 - p/themes/Screwdriver/screwdriver.rtl.css | 2 - p/themes/Swage/swage.css | 2 - p/themes/Swage/swage.rtl.css | 2 - p/themes/base-theme/frss.css | 2 + p/themes/base-theme/frss.rtl.css | 2 + 28 files changed, 206 insertions(+), 260 deletions(-) (limited to 'p') 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 { -- cgit v1.2.3 From ef5483490cf42beeec8f77ed1669ab9a05b9cbc0 Mon Sep 17 00:00:00 2001 From: maTh Date: Wed, 23 Nov 2022 22:40:23 +0100 Subject: Improved: config dropdown structure (#4891) * phtml and frss.css * theme Origine * theme adark * theme Ansum * theme Mapco * theme BlueLagoon * theme dark * theme flat * theme nord * theme Screwdriver * theme swage * fix * fix * RTL * fix nord theme * fix SourceMap lines --- app/layout/header.phtml | 81 ++++++++++++++++++++------------ p/themes/Alternative-Dark/adark.css | 29 ++++++++---- p/themes/Alternative-Dark/adark.rtl.css | 29 ++++++++---- p/themes/Ansum/_components.scss | 32 ++++++++----- p/themes/Ansum/ansum.css | 22 +++++---- p/themes/Ansum/ansum.rtl.css | 22 +++++---- p/themes/BlueLagoon/BlueLagoon.css | 24 +++++++--- p/themes/BlueLagoon/BlueLagoon.rtl.css | 24 +++++++--- p/themes/Dark/dark.css | 27 ++++++++--- p/themes/Dark/dark.rtl.css | 27 ++++++++--- p/themes/Flat/flat.css | 27 ++++++++--- p/themes/Flat/flat.rtl.css | 27 ++++++++--- p/themes/Mapco/_components.scss | 24 +++++++--- p/themes/Mapco/mapco.css | 20 +++++--- p/themes/Mapco/mapco.rtl.css | 20 +++++--- p/themes/Nord/nord.css | 28 +++++++++-- p/themes/Nord/nord.rtl.css | 28 +++++++++-- p/themes/Origine/origine.css | 37 +++++++++++---- p/themes/Origine/origine.rtl.css | 37 +++++++++++---- p/themes/Pafat/pafat.css | 27 ++++++++--- p/themes/Pafat/pafat.rtl.css | 27 ++++++++--- p/themes/Screwdriver/screwdriver.css | 30 ++++++++---- p/themes/Screwdriver/screwdriver.rtl.css | 30 ++++++++---- p/themes/Swage/swage.css | 15 +++++- p/themes/Swage/swage.rtl.css | 15 +++++- p/themes/Swage/swage.scss | 22 ++++++++- p/themes/base-theme/frss.css | 18 +++---- p/themes/base-theme/frss.rtl.css | 18 +++---- 28 files changed, 553 insertions(+), 214 deletions(-) (limited to 'p') diff --git a/app/layout/header.phtml b/app/layout/header.phtml index 9977a2b2c..75dacfe1d 100644 --- a/app/layout/header.phtml +++ b/app/layout/header.phtml @@ -48,38 +48,59 @@ diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index 35480c31b..f32d91e53 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -341,7 +341,7 @@ a.btn { /*=== Dropdown */ .dropdown-menu { margin: 5px 0 0; - padding: 5px 0; + padding: 0.5rem 0 0.25rem 0; background: var(--background-color-active); font-size: 0.8rem; border: 2px solid var(--background-color-light); @@ -353,23 +353,35 @@ a.btn { border-color: var(--border-color-dark); } -.dropdown-header { - padding: 0 5px 5px; +.dropdown-header, +.dropdown-section .dropdown-section-title { + padding: 0.25rem 0.5rem 0.25rem 1rem; color: var(--font-color-middle); font-weight: bold; text-align: left; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5; font-size: 0.8rem; } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover { +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-left: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background: var(--background-color-hover); color: var(--font-color-light); } @@ -387,6 +399,7 @@ a.btn { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: var(--border-color-dark); } diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index c01f77896..9cb07185d 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -341,7 +341,7 @@ a.btn { /*=== Dropdown */ .dropdown-menu { margin: 5px 0 0; - padding: 5px 0; + padding: 0.5rem 0 0.25rem 0; background: var(--background-color-active); font-size: 0.8rem; border: 2px solid var(--background-color-light); @@ -353,23 +353,35 @@ a.btn { border-color: var(--border-color-dark); } -.dropdown-header { - padding: 0 5px 5px; +.dropdown-header, +.dropdown-section .dropdown-section-title { + padding: 0.25rem 1rem 0.25rem 0.5rem; color: var(--font-color-middle); font-weight: bold; text-align: right; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5; font-size: 0.8rem; } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover { +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-right: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background: var(--background-color-hover); color: var(--font-color-light); } @@ -387,6 +399,7 @@ a.btn { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: var(--border-color-dark); } diff --git a/p/themes/Ansum/_components.scss b/p/themes/Ansum/_components.scss index 35298b4de..001d31578 100644 --- a/p/themes/Ansum/_components.scss +++ b/p/themes/Ansum/_components.scss @@ -37,15 +37,14 @@ right: 17px; } - .dropdown-header { - padding: 1rem 0.5rem 1rem 1rem; + .dropdown-header, + .dropdown-section .dropdown-section-title { + padding: 1rem 1.5rem; font-weight: bold; text-align: left; color: variables.$grey-dark; text-transform: uppercase; letter-spacing: 1px; - - } .item { @@ -57,19 +56,28 @@ color: variables.$main-font-color; font-size: 1rem; line-height: 2.5em; + + &:not(.addItem):hover { + background: variables.$main-first; + color: variables.$white; + + .icon { + filter: grayscale(100%) brightness(2.5); + } + } } - &:not(.addItem):hover { - background: variables.$main-first; - color: variables.$white; + &.dropdown-section { + margin-top: 0.75rem; - a, button, label { - text-decoration: none; - color: variables.$white; + ~ .dropdown-section { + border-top-color: variables.$grey-light; } - .icon { - filter: grayscale(100%) brightness(2.5); + .item { + a, span, .as-link { + padding-left: 2rem; + } } } diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index 07586f8fb..f07ba86ad 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -240,8 +240,9 @@ form th { border: none; right: 17px; } -.dropdown-menu .dropdown-header { - padding: 1rem 0.5rem 1rem 1rem; +.dropdown-menu .dropdown-header, +.dropdown-menu .dropdown-section .dropdown-section-title { + padding: 1rem 1.5rem; font-weight: bold; text-align: left; color: #766556; @@ -257,17 +258,22 @@ form th { font-size: 1rem; line-height: 2.5em; } -.dropdown-menu .item:not(.addItem):hover { +.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #ca7227; color: #fff; } -.dropdown-menu .item:not(.addItem):hover a, .dropdown-menu .item:not(.addItem):hover button, .dropdown-menu .item:not(.addItem):hover label { - text-decoration: none; - color: #fff; -} -.dropdown-menu .item:not(.addItem):hover .icon { +.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon { filter: grayscale(100%) brightness(2.5); } +.dropdown-menu .item.dropdown-section { + margin-top: 0.75rem; +} +.dropdown-menu .item.dropdown-section ~ .dropdown-section { + border-top-color: #f5f0ec; +} +.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link { + padding-left: 2rem; +} .dropdown-menu .item:not(.addItem) a:hover, .dropdown-menu .item:not(.addItem) button:hover { background: #ca7227; diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index 7ab296aa5..beb5de8a8 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -240,8 +240,9 @@ form th { border: none; left: 17px; } -.dropdown-menu .dropdown-header { - padding: 1rem 1rem 1rem 0.5rem; +.dropdown-menu .dropdown-header, +.dropdown-menu .dropdown-section .dropdown-section-title { + padding: 1rem 1.5rem; font-weight: bold; text-align: right; color: #766556; @@ -257,17 +258,22 @@ form th { font-size: 1rem; line-height: 2.5em; } -.dropdown-menu .item:not(.addItem):hover { +.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #ca7227; color: #fff; } -.dropdown-menu .item:not(.addItem):hover a, .dropdown-menu .item:not(.addItem):hover button, .dropdown-menu .item:not(.addItem):hover label { - text-decoration: none; - color: #fff; -} -.dropdown-menu .item:not(.addItem):hover .icon { +.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon { filter: grayscale(100%) brightness(2.5); } +.dropdown-menu .item.dropdown-section { + margin-top: 0.75rem; +} +.dropdown-menu .item.dropdown-section ~ .dropdown-section { + border-top-color: #f5f0ec; +} +.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link { + padding-right: 2rem; +} .dropdown-menu .item:not(.addItem) a:hover, .dropdown-menu .item:not(.addItem) button:hover { background: #ca7227; diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index 56e43bf04..276b50c8a 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -350,7 +350,8 @@ a.btn { transform: rotate(45deg); } -.dropdown-header { +.dropdown-header, +.dropdown-section .dropdown-section-title { padding: 0 5px 5px; color: #ccc; font-weight: bold; @@ -360,9 +361,9 @@ a.btn { filter: grayscale(100%) brightness(2.5); } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5em; color: #ccc; @@ -373,8 +374,19 @@ a.btn { color: #ccc; } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover { +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-left: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background: linear-gradient(180deg, #0090ff 0%, #0062be 100%) #e4992c; background: -webkit-linear-gradient(top, #0090ff 0%, #0062be 100%); color: #fff; diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index 035898fa9..1713a89ed 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -350,7 +350,8 @@ a.btn { transform: rotate(-45deg); } -.dropdown-header { +.dropdown-header, +.dropdown-section .dropdown-section-title { padding: 0 5px 5px; color: #ccc; font-weight: bold; @@ -360,9 +361,9 @@ a.btn { filter: grayscale(100%) brightness(2.5); } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5em; color: #ccc; @@ -373,8 +374,19 @@ a.btn { color: #ccc; } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover { +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-right: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background: linear-gradient(-180deg, #0090ff 0%, #0062be 100%) #e4992c; background: -webkit-linear-gradient(top, #0090ff 0%, #0062be 100%); color: #fff; diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index a4aed0c2d..4a13c4099 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -336,23 +336,35 @@ a.btn { border-color: #888; } -.dropdown-header { - padding: 0 5px 5px; +.dropdown-header, +.dropdown-section .dropdown-section-title { + padding: 0.25rem 0.5rem 0.25rem 1rem; font-weight: bold; text-align: left; color: #888; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5em; font-size: 0.8rem; } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover { +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-left: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background: #26303f; color: #888; } @@ -370,6 +382,7 @@ a.btn { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: #333; } diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index 4736e069f..82f30827e 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -336,23 +336,35 @@ a.btn { border-color: #888; } -.dropdown-header { - padding: 0 5px 5px; +.dropdown-header, +.dropdown-section .dropdown-section-title { + padding: 0.25rem 1rem 0.25rem 0.5rem; font-weight: bold; text-align: right; color: #888; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5em; font-size: 0.8rem; } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover { +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-right: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background: #26303f; color: #888; } @@ -370,6 +382,7 @@ a.btn { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: #333; } diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 5bdc1779a..67d823cac 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -311,7 +311,7 @@ a.btn { /*=== Dropdown */ .dropdown-menu { margin: 0.5rem 0 0; - padding: 0.5rem 0; + padding: 0.5rem 0 0.25rem 0; background: #fafafa; font-size: 0.8rem; border: 1px solid #95a5a6; @@ -324,7 +324,8 @@ a.btn { right: 12px; } -.dropdown-header { +.dropdown-header, +.dropdown-section .dropdown-section-title { padding: 0 0.5rem 0.5rem; font-weight: bold; text-align: left; @@ -336,16 +337,27 @@ a.btn { right: 0.5rem; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5em; font-size: 0.8rem; } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover { +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-left: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background: #2980b9; color: #fff; } @@ -368,6 +380,7 @@ a.btn { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: #ddd; } diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index b6c95b7a6..dbbb9a6aa 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -311,7 +311,7 @@ a.btn { /*=== Dropdown */ .dropdown-menu { margin: 0.5rem 0 0; - padding: 0.5rem 0; + padding: 0.5rem 0 0.25rem 0; background: #fafafa; font-size: 0.8rem; border: 1px solid #95a5a6; @@ -324,7 +324,8 @@ a.btn { left: 12px; } -.dropdown-header { +.dropdown-header, +.dropdown-section .dropdown-section-title { padding: 0 0.5rem 0.5rem; font-weight: bold; text-align: right; @@ -336,16 +337,27 @@ a.btn { left: 0.5rem; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5em; font-size: 0.8rem; } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover { +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-right: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background: #2980b9; color: #fff; } @@ -368,6 +380,7 @@ a.btn { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: #ddd; } diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss index cf7aca73d..55542f2e7 100644 --- a/p/themes/Mapco/_components.scss +++ b/p/themes/Mapco/_components.scss @@ -37,8 +37,9 @@ right: 18px; } - .dropdown-header { - padding: 1rem 0.5rem 1rem 1rem; + .dropdown-header, + .dropdown-section .dropdown-section-title { + padding: 1rem 1.5rem; font-weight: bold; text-align: left; color: variables.$grey-dark; @@ -55,11 +56,8 @@ color: variables.$main-font-color; font-size: 1rem; line-height: 2.5em; - } - &:not(.addItem) { - a:hover, - button:hover { + &:not(.addItem):hover { background: variables.$main-first; color: variables.$white; @@ -69,6 +67,20 @@ } } + &.dropdown-section { + margin-top: 0.75rem; + + ~ .dropdown-section { + border-top-color: variables.$grey-light; + } + + .item { + a, span, .as-link { + padding-left: 2rem; + } + } + } + &[aria-checked="true"] { a::before { margin: 0 0 0 -14px; diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 7d014cb0b..170938509 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -239,8 +239,9 @@ form th { border: none; right: 18px; } -.dropdown-menu .dropdown-header { - padding: 1rem 0.5rem 1rem 1rem; +.dropdown-menu .dropdown-header, +.dropdown-menu .dropdown-section .dropdown-section-title { + padding: 1rem 1.5rem; font-weight: bold; text-align: left; color: #5b6871; @@ -256,15 +257,22 @@ form th { font-size: 1rem; line-height: 2.5em; } -.dropdown-menu .item:not(.addItem) a:hover, -.dropdown-menu .item:not(.addItem) button:hover { +.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #36c; color: #fff; } -.dropdown-menu .item:not(.addItem) a:hover .icon, -.dropdown-menu .item:not(.addItem) button:hover .icon { +.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon { filter: brightness(3); } +.dropdown-menu .item.dropdown-section { + margin-top: 0.75rem; +} +.dropdown-menu .item.dropdown-section ~ .dropdown-section { + border-top-color: #eff0f2; +} +.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link { + padding-left: 2rem; +} .dropdown-menu .item[aria-checked=true] a::before { margin: 0 0 0 -14px; font-weight: bold; diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index 4c5cc5944..c2096b11c 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -239,8 +239,9 @@ form th { border: none; left: 18px; } -.dropdown-menu .dropdown-header { - padding: 1rem 1rem 1rem 0.5rem; +.dropdown-menu .dropdown-header, +.dropdown-menu .dropdown-section .dropdown-section-title { + padding: 1rem 1.5rem; font-weight: bold; text-align: right; color: #5b6871; @@ -256,15 +257,22 @@ form th { font-size: 1rem; line-height: 2.5em; } -.dropdown-menu .item:not(.addItem) a:hover, -.dropdown-menu .item:not(.addItem) button:hover { +.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #36c; color: #fff; } -.dropdown-menu .item:not(.addItem) a:hover .icon, -.dropdown-menu .item:not(.addItem) button:hover .icon { +.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon { filter: brightness(3); } +.dropdown-menu .item.dropdown-section { + margin-top: 0.75rem; +} +.dropdown-menu .item.dropdown-section ~ .dropdown-section { + border-top-color: #eff0f2; +} +.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link { + padding-right: 2rem; +} .dropdown-menu .item[aria-checked=true] a::before { margin: 0 -14px 0 0; font-weight: bold; diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css index 3a6fc12af..8ce9727a3 100644 --- a/p/themes/Nord/nord.css +++ b/p/themes/Nord/nord.css @@ -198,7 +198,7 @@ a.btn { .dropdown-menu { margin: 5px 0 0; - padding: 5px 0; + padding: 0.5rem 0 0.25rem 0; background: var(--accent-bg); font-size: 0.8rem; border: 1px solid var(--border); @@ -206,21 +206,38 @@ a.btn { text-align: left; } -.dropdown-header { +.dropdown-header, +.dropdown-section .dropdown-section-title { padding: 0 5px 5px; font-weight: bold; text-align: left; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; color: var(--text); line-height: 2.5em; min-width: 200px; } +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-left: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { + /* no hover color */ +} + .dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 0 0 -14px; @@ -276,6 +293,7 @@ a.btn { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: var(--border); } diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css index e3b3a7d78..f7b0c4a64 100644 --- a/p/themes/Nord/nord.rtl.css +++ b/p/themes/Nord/nord.rtl.css @@ -198,7 +198,7 @@ a.btn { .dropdown-menu { margin: 5px 0 0; - padding: 5px 0; + padding: 0.5rem 0 0.25rem 0; background: var(--accent-bg); font-size: 0.8rem; border: 1px solid var(--border); @@ -206,21 +206,38 @@ a.btn { text-align: right; } -.dropdown-header { +.dropdown-header, +.dropdown-section .dropdown-section-title { padding: 0 5px 5px; font-weight: bold; text-align: right; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; color: var(--text); line-height: 2.5em; min-width: 200px; } +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-right: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { + /* no hover color */ +} + .dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 -14px 0 0; @@ -276,6 +293,7 @@ a.btn { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: var(--border); } diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index b8bf4c5ab..457a25ecc 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -436,33 +436,45 @@ a:hover .icon { border-color: var(--border-color); } -.dropdown-header { - padding: 0 5px 5px; +.dropdown-header, +.dropdown-section .dropdown-section-title { + padding: 0.25rem 0.5rem 0.25rem 1rem; color: var(--font-color-grey); font-weight: bold; text-align: left; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5; font-size: 0.8rem; } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover, -.dropdown-menu > .item > label:hover:not(.noHover) { +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-left: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background-color: var(--contrast-background-color-active); color: var(--font-color-light); } -.dropdown-menu > .item > label { +.dropdown-menu .item > label { padding: 0; } -.dropdown-menu > .item:hover .icon { +.dropdown-menu > .item:hover > a > .icon, +.dropdown-menu .item.dropdown-section .item:hover .icon { filter: grayscale(100%) brightness(2.5); } @@ -479,6 +491,7 @@ a:hover .icon { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: var(--border-color); } @@ -1164,6 +1177,10 @@ a:hover .icon { border-left: 1px solid var(--border-color); } + .dropdown-menu .dropdown-section:last-child { + margin-bottom: 3rem; + } + .form-group.form-actions { margin-left: -15px; margin-right: -15px; diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 2a85b77ad..72cf63969 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -436,33 +436,45 @@ a:hover .icon { border-color: var(--border-color); } -.dropdown-header { - padding: 0 5px 5px; +.dropdown-header, +.dropdown-section .dropdown-section-title { + padding: 0.25rem 1rem 0.25rem 0.5rem; color: var(--font-color-grey); font-weight: bold; text-align: right; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5; font-size: 0.8rem; } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover, -.dropdown-menu > .item > label:hover:not(.noHover) { +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-right: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background-color: var(--contrast-background-color-active); color: var(--font-color-light); } -.dropdown-menu > .item > label { +.dropdown-menu .item > label { padding: 0; } -.dropdown-menu > .item:hover .icon { +.dropdown-menu > .item:hover > a > .icon, +.dropdown-menu .item.dropdown-section .item:hover .icon { filter: grayscale(100%) brightness(2.5); } @@ -479,6 +491,7 @@ a:hover .icon { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: var(--border-color); } @@ -1164,6 +1177,10 @@ a:hover .icon { border-right: 1px solid var(--border-color); } + .dropdown-menu .dropdown-section:last-child { + margin-bottom: 3rem; + } + .form-group.form-actions { margin-right: -15px; margin-left: -15px; diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index f390a1c1c..d64521573 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -283,7 +283,7 @@ a.btn { /*=== Dropdown */ .dropdown-menu { margin: 5px 0 0; - padding: 5px 0; + padding: 0.5rem 0 0.25rem 0; font-size: 0.8rem; border: 1px solid #aaa; border-radius: 5px; @@ -295,24 +295,36 @@ a.btn { right: 8px; } -.dropdown-header { +.dropdown-header, +.dropdown-section .dropdown-section-title { padding: 0 5px 5px; color: #888; font-weight: bold; text-align: left; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5; color: #666; font-size: 0.8rem; } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover { +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-left: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background: #eee; color: #666; } @@ -330,6 +342,7 @@ a.btn { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: #ddd; } diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 20c204cb9..55e255369 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -283,7 +283,7 @@ a.btn { /*=== Dropdown */ .dropdown-menu { margin: 5px 0 0; - padding: 5px 0; + padding: 0.5rem 0 0.25rem 0; font-size: 0.8rem; border: 1px solid #aaa; border-radius: 5px; @@ -295,24 +295,36 @@ a.btn { left: 8px; } -.dropdown-header { +.dropdown-header, +.dropdown-section .dropdown-section-title { padding: 0 5px 5px; color: #888; font-weight: bold; text-align: right; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5; color: #666; font-size: 0.8rem; } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover { +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-right: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; +} + +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background: #eee; color: #666; } @@ -330,6 +342,7 @@ a.btn { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: #ddd; } diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index eddbdd136..490381fb6 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -331,7 +331,7 @@ a.btn { /*=== Dropdown */ .dropdown-menu { margin: 5px 0 0; - padding: 5px 0; + padding: 0.5rem 0 0.25rem 0; background: #222; font-size: 0.8rem; border: 1px solid #171717; @@ -344,30 +344,43 @@ a.btn { border-color: #171717; } -.dropdown-header { +.dropdown-header, +.dropdown-section .dropdown-section-title { padding: 0 5px 5px; color: #ccc; font-weight: bold; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5em; color: #ccc; font-size: 0.8rem; } -.dropdown-menu > .item > label { - color: #ccc; +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-left: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; } -.dropdown-menu > .item:hover { +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background: #171717; color: #fff; } +.dropdown-menu > .item > label { + color: #ccc; +} + .dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 0 0 -14px; @@ -379,6 +392,7 @@ a.btn { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: rgba(255,255,255,0.08); } diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index aef02ecdb..e8a30d326 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -331,7 +331,7 @@ a.btn { /*=== Dropdown */ .dropdown-menu { margin: 5px 0 0; - padding: 5px 0; + padding: 0.5rem 0 0.25rem 0; background: #222; font-size: 0.8rem; border: 1px solid #171717; @@ -344,30 +344,43 @@ a.btn { border-color: #171717; } -.dropdown-header { +.dropdown-header, +.dropdown-section .dropdown-section-title { padding: 0 5px 5px; color: #ccc; font-weight: bold; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > span, -.dropdown-menu > .item > .as-link { +.dropdown-menu .item > a, +.dropdown-menu .item > span, +.dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5em; color: #ccc; font-size: 0.8rem; } -.dropdown-menu > .item > label { - color: #ccc; +.dropdown-menu .dropdown-section .item > a, +.dropdown-menu .dropdown-section .item > span, +.dropdown-menu .dropdown-section .item > .as-link { + padding-right: 2rem; +} + +.dropdown-menu .dropdown-section .item:last-child { + margin-bottom: 0.5rem; } -.dropdown-menu > .item:hover { +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover, +.dropdown-menu .item > label:hover:not(.noHover) { background: #171717; color: #fff; } +.dropdown-menu > .item > label { + color: #ccc; +} + .dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 -14px 0 0; @@ -379,6 +392,7 @@ a.btn { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { border-top-color: rgba(255,255,255,0.08); } diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 3a3202154..2397160b2 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -332,12 +332,23 @@ form th { .dropdown-menu .dropdown-header a:hover { background-color: var(--color-background-nav); } +.dropdown-menu .dropdown-section .dropdown-section-title { + cursor: default; + padding: 0.25rem 0.5rem 0.125rem 0.25rem; + font-weight: bold; + color: var(--color-text-light); +} +.dropdown-menu .dropdown-section .item a { + padding: 0 22px; +} +.dropdown-menu .dropdown-section .item a:hover { + background-color: var(--color-background-nav); +} .dropdown-menu::after { content: none; } .dropdown-menu > .item { - padding: 0; - margin-left: 10px; + padding: 0 0 0 0.5rem; } .dropdown-menu > .item > a { min-width: initial; diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 35cda9308..a021a70cd 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -332,12 +332,23 @@ form th { .dropdown-menu .dropdown-header a:hover { background-color: var(--color-background-nav); } +.dropdown-menu .dropdown-section .dropdown-section-title { + cursor: default; + padding: 0.25rem 0.25rem 0.125rem 0.5rem; + font-weight: bold; + color: var(--color-text-light); +} +.dropdown-menu .dropdown-section .item a { + padding: 0 22px; +} +.dropdown-menu .dropdown-section .item a:hover { + background-color: var(--color-background-nav); +} .dropdown-menu::after { content: none; } .dropdown-menu > .item { - padding: 0; - margin-right: 10px; + padding: 0 0.5rem 0 0; } .dropdown-menu > .item > a { min-width: initial; diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index fddb287be..9ca316aff 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -431,6 +431,25 @@ form { } } + .dropdown-section { + .dropdown-section-title { + cursor: default; + padding: 0.25rem 0.5rem 0.125rem 0.25rem; + font-weight: bold; + color: var(--color-text-light); + } + + .item { + a { + padding: 0 22px; + + &:hover { + background-color: var(--color-background-nav); + } + } + } + } + &::after { content: none; } @@ -439,8 +458,7 @@ form { .item { @extend %dropdown; - padding: 0; - margin-left: 10px; + padding: 0 0 0 0.5rem; > a, > span, diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 235012fb7..50671f556 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -286,8 +286,8 @@ input[type="checkbox"] { width: calc(99% - 5em); } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover { +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover { text-decoration: none; } @@ -655,13 +655,13 @@ input[type="checkbox"]:focus-visible { display: block; } -.dropdown-menu > .item { +.dropdown-menu .item { display: block; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > .as-link, -.dropdown-menu > .item > span { +.dropdown-menu .item > a, +.dropdown-menu .item > .as-link, +.dropdown-menu .item > span { display: block; width: 100%; white-space: nowrap; @@ -702,6 +702,7 @@ input[type="checkbox"]:focus-visible { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { margin-top: 5px; padding-top: 5px; @@ -1980,7 +1981,7 @@ input:checked + .slide-container .properties { #panel .close, .dropdown-menu .toggle_aside, #slider .toggle_aside { - padding: 1rem; + padding: 1rem 0; display: block; width: 100%; border-bottom: 1px solid var(--frss-border-color); @@ -2005,7 +2006,8 @@ input:checked + .slide-container .properties { position: inherit; } - .dropdown .dropdown-header { + .dropdown .dropdown-header, + .dropdown .dropdown-section { line-height: 2; } diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 582836b48..cb76b53ca 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -286,8 +286,8 @@ input[type="checkbox"] { width: calc(99% - 5em); } -.dropdown-menu > .item > a:hover, -.dropdown-menu > .item > button:hover { +.dropdown-menu .item > a:hover, +.dropdown-menu .item > button:hover { text-decoration: none; } @@ -655,13 +655,13 @@ input[type="checkbox"]:focus-visible { display: block; } -.dropdown-menu > .item { +.dropdown-menu .item { display: block; } -.dropdown-menu > .item > a, -.dropdown-menu > .item > .as-link, -.dropdown-menu > .item > span { +.dropdown-menu .item > a, +.dropdown-menu .item > .as-link, +.dropdown-menu .item > span { display: block; width: 100%; white-space: nowrap; @@ -702,6 +702,7 @@ input[type="checkbox"]:focus-visible { } .item ~ .dropdown-header, +.dropdown-section ~ .dropdown-section, .item.separator { margin-top: 5px; padding-top: 5px; @@ -1980,7 +1981,7 @@ input:checked + .slide-container .properties { #panel .close, .dropdown-menu .toggle_aside, #slider .toggle_aside { - padding: 1rem; + padding: 1rem 0; display: block; width: 100%; border-bottom: 1px solid var(--frss-border-color); @@ -2005,7 +2006,8 @@ input:checked + .slide-container .properties { position: inherit; } - .dropdown .dropdown-header { + .dropdown .dropdown-header, + .dropdown .dropdown-section { line-height: 2; } -- cgit v1.2.3 From 48c8ee574daa3b56a4ab63e13de15cf4fe3455d6 Mon Sep 17 00:00:00 2001 From: maTh Date: Wed, 23 Nov 2022 23:06:32 +0100 Subject: fix: Current Flux in Origine theme (#4893) --- p/themes/Origine/origine.css | 10 +++++----- p/themes/Origine/origine.rtl.css | 10 +++++----- 2 files changed, 10 insertions(+), 10 deletions(-) (limited to 'p') diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 457a25ecc..fb81b00a4 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -839,6 +839,11 @@ a:hover .icon { border-left: 2px solid transparent; } +.flux.current { + background-color: var(--background-color-light); + border-left: 2px solid var(--contrast-border-color-active); +} + .flux .flux_header:hover { background-color: var(--background-color-hover) !important; } @@ -847,11 +852,6 @@ a:hover .icon { background: inherit; } -.flux.current .flux_header { - background-color: var(--background-color-light); - border-left: 2px solid var(--contrast-border-color-active); -} - .flux.not_read { border-left: 2px solid var(--unread-article-border-color); } diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 72cf63969..fa5205852 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -839,6 +839,11 @@ a:hover .icon { border-right: 2px solid transparent; } +.flux.current { + background-color: var(--background-color-light); + border-right: 2px solid var(--contrast-border-color-active); +} + .flux .flux_header:hover { background-color: var(--background-color-hover) !important; } @@ -847,11 +852,6 @@ a:hover .icon { background: inherit; } -.flux.current .flux_header { - background-color: var(--background-color-light); - border-right: 2px solid var(--contrast-border-color-active); -} - .flux.not_read { border-right: 2px solid var(--unread-article-border-color); } -- cgit v1.2.3 From 50f293c346c95f3f4f70d9d01ee1c28d29649694 Mon Sep 17 00:00:00 2001 From: Alexandre Alapetite Date: Thu, 24 Nov 2022 13:58:54 +0100 Subject: Update mime type font/woff (#4894) * Update mime type font/woff https://www.rfc-editor.org/rfc/rfc8081 `application/font-woff*` is deprecated for `font/woff*` * Order --- p/.htaccess | 2 -- p/themes/.htaccess | 7 ++++--- 2 files changed, 4 insertions(+), 5 deletions(-) (limited to 'p') diff --git a/p/.htaccess b/p/.htaccess index f2f2ad901..79e315c07 100644 --- a/p/.htaccess +++ b/p/.htaccess @@ -20,8 +20,6 @@ AddDefaultCharset UTF-8 ExpiresActive on ExpiresDefault "access plus 1 month" - ExpiresByType application/font-woff "access plus 1 month" - ExpiresByType application/font-woff2 "access plus 1 month" ExpiresByType application/javascript "access plus 1 month" ExpiresByType application/xhtml+xml "access plus 1 month" ExpiresByType image/x-icon "access plus 1 month" diff --git a/p/themes/.htaccess b/p/themes/.htaccess index 796c55ae0..0e78aab3a 100644 --- a/p/themes/.htaccess +++ b/p/themes/.htaccess @@ -1,6 +1,6 @@ - AddType application/font-woff .woff - AddType application/font-woff2 .woff2 + AddType font/woff .woff + AddType font/woff2 .woff2 AddCharset UTF-8 .css AddCharset UTF-8 .svg @@ -8,8 +8,9 @@ ExpiresActive on - ExpiresByType application/font-woff "access plus 1 month" ExpiresByType application/json "access plus 1 month" + ExpiresByType font/woff "access plus 1 month" + ExpiresByType font/woff2 "access plus 1 month" ExpiresByType image/gif "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType image/svg+xml "access plus 1 month" -- cgit v1.2.3 From c05e931d5ed2ce315e9556db9ebf6afd9918f6fc Mon Sep 17 00:00:00 2001 From: maTh Date: Sat, 26 Nov 2022 11:31:30 +0100 Subject: Deleted: bookmark.svg (#4897) * delete bookmark.svg * optimize Pafat theme --- app/Models/Themes.php | 1 - app/layout/aside_feed.phtml | 2 +- app/views/configure/display.phtml | 2 +- p/themes/BlueLagoon/icons/bookmark.svg | 3 --- p/themes/Pafat/icons/all.svg | 12 +++++------- p/themes/Pafat/icons/bookmark.svg | 5 ----- p/themes/Pafat/pafat.css | 1 + p/themes/Pafat/pafat.rtl.css | 1 + p/themes/Screwdriver/icons/bookmark.svg | 5 ----- p/themes/Swage/icons/bookmark.svg | 6 ------ p/themes/icons/bookmark.svg | 5 ----- 11 files changed, 9 insertions(+), 34 deletions(-) delete mode 100644 p/themes/BlueLagoon/icons/bookmark.svg delete mode 100644 p/themes/Pafat/icons/bookmark.svg delete mode 100644 p/themes/Screwdriver/icons/bookmark.svg delete mode 100644 p/themes/Swage/icons/bookmark.svg delete mode 100644 p/themes/icons/bookmark.svg (limited to 'p') diff --git a/app/Models/Themes.php b/app/Models/Themes.php index d652ada5b..86125c5f5 100644 --- a/app/Models/Themes.php +++ b/app/Models/Themes.php @@ -79,7 +79,6 @@ class FreshRSS_Themes extends Minz_Model { static $alts = array( 'add' => '➕', //✚ 'all' => '☰', - 'bookmark' => '✨', //★ 'bookmark-add' => '➕', //✚ 'bookmark-tag' => '📑', 'category' => '🗂️', //☷ diff --git a/app/layout/aside_feed.phtml b/app/layout/aside_feed.phtml index 3c4f1ec2e..bb9d678dc 100644 --- a/app/layout/aside_feed.phtml +++ b/app/layout/aside_feed.phtml @@ -37,7 +37,7 @@
  • - + diff --git a/app/views/configure/display.phtml b/app/views/configure/display.phtml index e3e18f5a0..d49986981 100644 --- a/app/views/configure/display.phtml +++ b/app/views/configure/display.phtml @@ -126,7 +126,7 @@   - + diff --git a/p/themes/BlueLagoon/icons/bookmark.svg b/p/themes/BlueLagoon/icons/bookmark.svg deleted file mode 100644 index 898488038..000000000 --- a/p/themes/BlueLagoon/icons/bookmark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/p/themes/Pafat/icons/all.svg b/p/themes/Pafat/icons/all.svg index 14fa80366..1c7ba3ffe 100644 --- a/p/themes/Pafat/icons/all.svg +++ b/p/themes/Pafat/icons/all.svg @@ -1,7 +1,5 @@ - - - - - - - \ No newline at end of file + + + + + diff --git a/p/themes/Pafat/icons/bookmark.svg b/p/themes/Pafat/icons/bookmark.svg deleted file mode 100644 index 70d0c81fb..000000000 --- a/p/themes/Pafat/icons/bookmark.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index d64521573..fe8770c88 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -476,6 +476,7 @@ a.btn { line-height: 1; } +.tree-folder-title > .icon, .tree-folder-title .title .icon { filter: brightness(2.5); } diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 55e255369..60877e1ad 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -476,6 +476,7 @@ a.btn { line-height: 1; } +.tree-folder-title > .icon, .tree-folder-title .title .icon { filter: brightness(2.5); } diff --git a/p/themes/Screwdriver/icons/bookmark.svg b/p/themes/Screwdriver/icons/bookmark.svg deleted file mode 100644 index edf5a02db..000000000 --- a/p/themes/Screwdriver/icons/bookmark.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/p/themes/Swage/icons/bookmark.svg b/p/themes/Swage/icons/bookmark.svg deleted file mode 100644 index 09bf263fd..000000000 --- a/p/themes/Swage/icons/bookmark.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/p/themes/icons/bookmark.svg b/p/themes/icons/bookmark.svg deleted file mode 100644 index 63a44908f..000000000 --- a/p/themes/icons/bookmark.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file -- cgit v1.2.3 From b71806268c299a9b1fcbe2ccb6a98f0ebdef6f63 Mon Sep 17 00:00:00 2001 From: maTh Date: Sun, 27 Nov 2022 11:25:38 +0100 Subject: delete .nav-list .empty/.error (#4899) --- p/themes/Alternative-Dark/adark.css | 18 -------------- p/themes/Alternative-Dark/adark.rtl.css | 18 -------------- p/themes/Ansum/_sidebar.scss | 40 -------------------------------- p/themes/Ansum/ansum.css | 22 ------------------ p/themes/Ansum/ansum.rtl.css | 22 ------------------ p/themes/BlueLagoon/BlueLagoon.css | 19 --------------- p/themes/BlueLagoon/BlueLagoon.rtl.css | 19 --------------- p/themes/Dark/dark.css | 20 ---------------- p/themes/Dark/dark.rtl.css | 20 ---------------- p/themes/Flat/flat.css | 20 ---------------- p/themes/Flat/flat.rtl.css | 20 ---------------- p/themes/Mapco/_sidebar.scss | 40 -------------------------------- p/themes/Mapco/mapco.css | 22 ------------------ p/themes/Mapco/mapco.rtl.css | 22 ------------------ p/themes/Origine/origine.css | 18 -------------- p/themes/Origine/origine.rtl.css | 18 -------------- p/themes/Pafat/pafat.css | 18 -------------- p/themes/Pafat/pafat.rtl.css | 18 -------------- p/themes/Screwdriver/screwdriver.css | 19 --------------- p/themes/Screwdriver/screwdriver.rtl.css | 19 --------------- p/themes/Swage/swage.css | 16 ------------- p/themes/Swage/swage.rtl.css | 16 ------------- p/themes/Swage/swage.scss | 21 ----------------- p/themes/base-theme/base.css | 12 ---------- p/themes/base-theme/base.rtl.css | 12 ---------- 25 files changed, 509 deletions(-) (limited to 'p') diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index f32d91e53..51eb01d0c 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -309,24 +309,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { - color: var(--empty-feed-color); -} - -.nav-list .item.active.empty a { - background: var(--empty-feed-color); - color: var(--font-color-light); -} - -.nav-list .item.error a { - color: var(--font-color-error); -} - -.nav-list .item.active.error a { - background: var(--contrast-attention-background-color); - color: var(--font-color-light); -} - .nav-list .nav-header { padding: 0 10px; color: var(--font-color-middle); diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index 9cb07185d..2f994d178 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -309,24 +309,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { - color: var(--empty-feed-color); -} - -.nav-list .item.active.empty a { - background: var(--empty-feed-color); - color: var(--font-color-light); -} - -.nav-list .item.error a { - color: var(--font-color-error); -} - -.nav-list .item.active.error a { - background: var(--contrast-attention-background-color); - color: var(--font-color-light); -} - .nav-list .nav-header { padding: 0 10px; color: var(--font-color-middle); diff --git a/p/themes/Ansum/_sidebar.scss b/p/themes/Ansum/_sidebar.scss index 7aaa6b0a8..d73cf7439 100644 --- a/p/themes/Ansum/_sidebar.scss +++ b/p/themes/Ansum/_sidebar.scss @@ -152,27 +152,7 @@ @include mixins.transition(all, 0.15s, ease-in-out); } - .error { - a { - color: variables.$alert-bg; - } - } - &:hover { - .error { - a { - background: variables.$main-first; - color: variables.$sid-font-color; - } - } - - .empty { - a { - background: variables.$warning-bg; - color: variables.$sid-font-color; - } - } - a { background: variables.$sid-bg-dark; text-decoration: none; @@ -183,20 +163,6 @@ background: variables.$main-first; color: variables.$white; - .error { - a { - background: variables.$main-first; - color: variables.$white; - } - } - - .empty { - a { - background: variables.$warning-bg; - color: variables.$white; - } - } - a { background: variables.$main-first; color: variables.$white; @@ -205,12 +171,6 @@ } } - &.empty { - a { - color: variables.$warning-bg; - } - } - .nav-header { padding: 0 10px; font-weight: bold; diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index f07ba86ad..4d761c272 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -566,17 +566,6 @@ form th { color: #363330; transition: all 0.15s ease-in-out; } -.nav-list .item .error a { - color: #f5633e; -} -.nav-list .item:hover .error a { - background: #ca7227; - color: #363330; -} -.nav-list .item:hover .empty a { - background: #f4f762; - color: #363330; -} .nav-list .item:hover a { background: #efe3d3; text-decoration: none; @@ -585,22 +574,11 @@ form th { background: #ca7227; color: #fff; } -.nav-list .item.active .error a { - background: #ca7227; - color: #fff; -} -.nav-list .item.active .empty a { - background: #f4f762; - color: #fff; -} .nav-list .item.active a { background: #ca7227; color: #fff; text-decoration: none; } -.nav-list.empty a { - color: #f4f762; -} .nav-list .nav-header { padding: 0 10px; font-weight: bold; diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index beb5de8a8..936f2cf6d 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -566,17 +566,6 @@ form th { color: #363330; transition: all 0.15s ease-in-out; } -.nav-list .item .error a { - color: #f5633e; -} -.nav-list .item:hover .error a { - background: #ca7227; - color: #363330; -} -.nav-list .item:hover .empty a { - background: #f4f762; - color: #363330; -} .nav-list .item:hover a { background: #efe3d3; text-decoration: none; @@ -585,22 +574,11 @@ form th { background: #ca7227; color: #fff; } -.nav-list .item.active .error a { - background: #ca7227; - color: #fff; -} -.nav-list .item.active .empty a { - background: #f4f762; - color: #fff; -} .nav-list .item.active a { background: #ca7227; color: #fff; text-decoration: none; } -.nav-list.empty a { - color: #f4f762; -} .nav-list .nav-header { padding: 0 10px; font-weight: bold; diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index 276b50c8a..9cb9c488e 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -294,25 +294,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { - color: #f39c12; -} - -.nav-list .item.active.empty a { - background: linear-gradient(180deg, #e4992c 0%, #d18114 100%) #e4992c; - background: -webkit-linear-gradient(180deg, #e4992c 0%, #d18114 100%); - color: #fff; -} - -.nav-list .item.error a { - color: #bd362f; -} - -.nav-list .item.active.error a { - background: #bd362f; - color: #fff; -} - .nav-list .nav-header { padding: 0 10px; background: transparent; diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index 1713a89ed..0924bcbd8 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -294,25 +294,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { - color: #f39c12; -} - -.nav-list .item.active.empty a { - background: linear-gradient(-180deg, #e4992c 0%, #d18114 100%) #e4992c; - background: -webkit-linear-gradient(-180deg, #e4992c 0%, #d18114 100%); - color: #fff; -} - -.nav-list .item.error a { - color: #bd362f; -} - -.nav-list .item.active.error a { - background: #bd362f; - color: #fff; -} - .nav-list .nav-header { padding: 0 10px; background: transparent; diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index 4a13c4099..5589eb558 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -289,26 +289,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { - color: #c95; -} - -.nav-list .item:hover.empty a, -.nav-list .item.active.empty a { - background: #c95; - color: #fff; -} - -.nav-list .item.error a { - color: #a44; -} - -.nav-list .item:hover.error a, -.nav-list .item.active.error a { - background: #a44; - color: #fff; -} - .nav-list .nav-header { padding: 0 10px; font-weight: bold; diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index 82f30827e..a2493c4ac 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -289,26 +289,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { - color: #c95; -} - -.nav-list .item:hover.empty a, -.nav-list .item.active.empty a { - background: #c95; - color: #fff; -} - -.nav-list .item.error a { - color: #a44; -} - -.nav-list .item:hover.error a, -.nav-list .item.active.error a { - background: #a44; - color: #fff; -} - .nav-list .nav-header { padding: 0 10px; font-weight: bold; diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 67d823cac..e2309c970 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -276,26 +276,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { - color: #f39c12; -} - -.nav-list .item:hover.empty a, -.nav-list .item.active.empty a { - background: #f39c12; - color: #fff; -} - -.nav-list .item.error a { - color: #bd362f; -} - -.nav-list .item:hover.error a, -.nav-list .item.active.error a { - background: #bd362f; - color: #fff; -} - .nav-list .nav-header { padding: 0 10px; font-weight: bold; diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index dbbb9a6aa..39c1e9b4c 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -276,26 +276,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { - color: #f39c12; -} - -.nav-list .item:hover.empty a, -.nav-list .item.active.empty a { - background: #f39c12; - color: #fff; -} - -.nav-list .item.error a { - color: #bd362f; -} - -.nav-list .item:hover.error a, -.nav-list .item.active.error a { - background: #bd362f; - color: #fff; -} - .nav-list .nav-header { padding: 0 10px; font-weight: bold; diff --git a/p/themes/Mapco/_sidebar.scss b/p/themes/Mapco/_sidebar.scss index 77438c836..9f546da61 100644 --- a/p/themes/Mapco/_sidebar.scss +++ b/p/themes/Mapco/_sidebar.scss @@ -151,27 +151,7 @@ @include mixins.transition(all, 0.15s, ease-in-out); } - .error { - a { - color: variables.$alert-bg; - } - } - &:hover { - .error { - a { - background: variables.$main-first; - color: variables.$sid-font-color; - } - } - - .empty { - a { - background: variables.$warning-bg; - color: variables.$sid-font-color; - } - } - a { background: variables.$sid-bg-dark; text-decoration: none; @@ -182,20 +162,6 @@ background: variables.$main-first; color: variables.$white; - .error { - a { - background: variables.$main-first; - color: variables.$white; - } - } - - .empty { - a { - background: variables.$warning-bg; - color: variables.$white; - } - } - a { background: variables.$main-first; color: variables.$white; @@ -204,12 +170,6 @@ } } - &.empty { - a { - color: variables.$warning-bg; - } - } - .nav-header { padding: 0 10px; font-weight: bold; diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 170938509..6a0592b82 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -580,17 +580,6 @@ form th { color: #ffffff; transition: all 0.15s ease-in-out; } -.nav-list .item .error a { - color: #f5633e; -} -.nav-list .item:hover .error a { - background: #36c; - color: #ffffff; -} -.nav-list .item:hover .empty a { - background: #f4f762; - color: #ffffff; -} .nav-list .item:hover a { background: #17181a; text-decoration: none; @@ -599,22 +588,11 @@ form th { background: #36c; color: #fff; } -.nav-list .item.active .error a { - background: #36c; - color: #fff; -} -.nav-list .item.active .empty a { - background: #f4f762; - color: #fff; -} .nav-list .item.active a { background: #36c; color: #fff; text-decoration: none; } -.nav-list.empty a { - color: #f4f762; -} .nav-list .nav-header { padding: 0 10px; font-weight: bold; diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index c2096b11c..141d3f312 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -580,17 +580,6 @@ form th { color: #ffffff; transition: all 0.15s ease-in-out; } -.nav-list .item .error a { - color: #f5633e; -} -.nav-list .item:hover .error a { - background: #36c; - color: #ffffff; -} -.nav-list .item:hover .empty a { - background: #f4f762; - color: #ffffff; -} .nav-list .item:hover a { background: #17181a; text-decoration: none; @@ -599,22 +588,11 @@ form th { background: #36c; color: #fff; } -.nav-list .item.active .error a { - background: #36c; - color: #fff; -} -.nav-list .item.active .empty a { - background: #f4f762; - color: #fff; -} .nav-list .item.active a { background: #36c; color: #fff; text-decoration: none; } -.nav-list.empty a { - color: #f4f762; -} .nav-list .nav-header { padding: 0 10px; font-weight: bold; diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index fb81b00a4..0029d535a 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -389,24 +389,6 @@ a:hover .icon { text-decoration: none; } -.nav-list .item.empty a { - color: var(--empty-feed-color); -} - -.nav-list .item.active.empty a { - background-color: var(--empty-feed-color); - color: var(--font-color-light); -} - -.nav-list .item.error a { - color: var(--error-feed-color); -} - -.nav-list .item.active.error a { - background-color: var(--error-feed-color); - color: var(--font-color-light); -} - .nav-list .nav-header { padding: 0 10px; background-color: var(--background-color-grey); diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index fa5205852..7bd49738e 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -389,24 +389,6 @@ a:hover .icon { text-decoration: none; } -.nav-list .item.empty a { - color: var(--empty-feed-color); -} - -.nav-list .item.active.empty a { - background-color: var(--empty-feed-color); - color: var(--font-color-light); -} - -.nav-list .item.error a { - color: var(--error-feed-color); -} - -.nav-list .item.active.error a { - background-color: var(--error-feed-color); - color: var(--font-color-light); -} - .nav-list .nav-header { padding: 0 10px; background-color: var(--background-color-grey); diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index fe8770c88..d1185164a 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -249,24 +249,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { - color: #f39c12; -} - -.nav-list .item.active.empty a { - background: #f39c12; - color: #fff; -} - -.nav-list .item.error a { - color: #bd362f; -} - -.nav-list .item.active.error a { - background: #bd362f; - color: #fff; -} - .nav-list .nav-header { padding: 0 10px; background: #f4f4f4; diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 60877e1ad..4bba258a8 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -249,24 +249,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { - color: #f39c12; -} - -.nav-list .item.active.empty a { - background: #f39c12; - color: #fff; -} - -.nav-list .item.error a { - color: #bd362f; -} - -.nav-list .item.active.error a { - background: #bd362f; - color: #fff; -} - .nav-list .nav-header { padding: 0 10px; background: #f4f4f4; diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index 490381fb6..c940afb76 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -298,25 +298,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { - color: #f39c12; -} - -.nav-list .item.active.empty a { - background: linear-gradient(180deg, #e4992c 0%, #d18114 100%) #e4992c; - background: -webkit-linear-gradient(180deg, #e4992c 0%, #d18114 100%); - color: #fff; -} - -.nav-list .item.error a { - color: #bd362f; -} - -.nav-list .item.active.error a { - background: #bd362f; - color: #fff; -} - .nav-list .nav-header { padding: 0 10px; background: transparent; diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index e8a30d326..6d1bbd90e 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -298,25 +298,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { - color: #f39c12; -} - -.nav-list .item.active.empty a { - background: linear-gradient(-180deg, #e4992c 0%, #d18114 100%) #e4992c; - background: -webkit-linear-gradient(-180deg, #e4992c 0%, #d18114 100%); - color: #fff; -} - -.nav-list .item.error a { - color: #bd362f; -} - -.nav-list .item.active.error a { - background: #bd362f; - color: #fff; -} - .nav-list .nav-header { padding: 0 10px; background: transparent; diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 2397160b2..4f5811144 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -281,25 +281,9 @@ form th { .nav-list .item.active a { color: var(--color-text-light); } -.nav-list .item.active.empty a, -.nav-list .item.active .error a { - color: var(--color-text-light); -} -.nav-list .item.active.empty a { - background-color: var(--color-background-alert); -} -.nav-list .item.active.error a { - background-color: var(--color-background-bad); -} .nav-list .item > a { padding: 0 1.5rem; } -.nav-list .item.empty a { - color: var(--color-text-alert); -} -.nav-list .item.error a { - color: var(--color-text-bad-lighter); -} .nav-list .item .icon { filter: brightness(3); } diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index a021a70cd..32367ee96 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -281,25 +281,9 @@ form th { .nav-list .item.active a { color: var(--color-text-light); } -.nav-list .item.active.empty a, -.nav-list .item.active .error a { - color: var(--color-text-light); -} -.nav-list .item.active.empty a { - background-color: var(--color-background-alert); -} -.nav-list .item.active.error a { - background-color: var(--color-background-bad); -} .nav-list .item > a { padding: 0 1.5rem; } -.nav-list .item.empty a { - color: var(--color-text-alert); -} -.nav-list .item.error a { - color: var(--color-text-bad-lighter); -} .nav-list .item .icon { filter: brightness(3); } diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index 9ca316aff..9d205b7c4 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -365,33 +365,12 @@ form { a { color: var(--color-text-light); } - - &.empty a, - .error a { - color: var(--color-text-light); - } - - &.empty a { - background-color: var(--color-background-alert); - } - - &.error a { - background-color: var(--color-background-bad); - } } > a { padding: 0 1.5rem; } - &.empty a { - color: var(--color-text-alert); - } - - &.error a { - color: var(--color-text-bad-lighter); - } - .icon { filter: brightness(3); } diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css index 3f72fff53..76f53bd2b 100644 --- a/p/themes/base-theme/base.css +++ b/p/themes/base-theme/base.css @@ -199,18 +199,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { -} - -.nav-list .item.active.empty a { -} - -.nav-list .item.error a { -} - -.nav-list .item.active.error a { -} - .nav-list .nav-header { padding: 0 10px; font-weight: bold; diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css index 461e7930e..4b34fe63a 100644 --- a/p/themes/base-theme/base.rtl.css +++ b/p/themes/base-theme/base.rtl.css @@ -199,18 +199,6 @@ a.btn { text-decoration: none; } -.nav-list .item.empty a { -} - -.nav-list .item.active.empty a { -} - -.nav-list .item.error a { -} - -.nav-list .item.active.error a { -} - .nav-list .nav-header { padding: 0 10px; font-weight: bold; -- cgit v1.2.3 From be17cc614492c99adebe0456bf1d10d5a79bbe8a Mon Sep 17 00:00:00 2001 From: maTh Date: Wed, 30 Nov 2022 20:43:33 +0100 Subject: Improved: Pafat theme with vars (#4909) * font color grey and white * background-color wip * font-color * border-color * active category marker * several fixes * fix header and flux left border * RTL CSS * fix .flux.current * fix reader view * fix link:hover color * RTL CSS --- p/themes/Pafat/pafat.css | 466 +++++++++++++++++++++++++------------------ p/themes/Pafat/pafat.rtl.css | 466 +++++++++++++++++++++++++------------------ 2 files changed, 536 insertions(+), 396 deletions(-) (limited to 'p') diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index d1185164a..c863929cf 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -2,15 +2,100 @@ /*=== GENERAL */ /*============*/ +:root { + --font-color-white: #fff; + --font-color-grey-light: #c5c6ca; + --font-color-grey: #666; + --font-color-hover: #000; + --font-color-link-title: #333; + --font-color-link-general: #2980b9; + --font-color-link-general-hover: #038; + + --font-color-unread-articles: #428bca; + + --font-color-article: #41444f; + + --font-color-blockquote: #41444f; + --font-color-code: #d14; + + --background-color-white: #fff; + --background-color-grey-light: #fafafa; + --background-color-grey: #f4f4f4; + --background-color-grey-hover: #f0f0f0; + --background-color-grey-button-active: #eee; + + --background-color-dark: #41444f; + + --background-color-navlist-active: #3498db; + + --background-color-favorite: #fff6da; + --background-color-favorite-hover: #fff9e8; + + --background-color-button-important: #5cb85c; + --background-color-button-important-hover: #47a447; + + --background-color-button-attention: #d9534f; + --background-color-button-attention-hover: #d2322d; + + --background-color-active-feed: #5cb85c; + + --background-color-mainstream: #428bca; + --background-color-mainstream-active: #3276b1; + --background-color-favorites: #f0ad4e; + --background-color-favorites-active: #ed9c28; + --background-color-category: #5bc0de; + --background-color-category-active: #39b3d7; + + --background-color-new-article: #428bca; + --background-color-new-article-hover: #3276b1; + + --color-empty-feed: #f39c12; + --color-error-feed: #bd362f; + + --color-warning-icon-folder: #f0ad4e; + + --notification-good-background-color: #ffe; + --notification-good-border-color: #eeb; + --notification-good-font-color: #c95; + --notification-bad-background-color: #fdd; + --notification-bad-font-color: #844; + --notification-bad-border-color: #ecc; + --notification-box-shadow-color: #ddd; + + --alert-warn-background-color: #ffe; + --alert-warn-border-color: #eeb; + --alert-warn-font-color: #c95; + --alert-success-background-color: #dfd; + --alert-success-border-color: #cec; + --alert-success-font-color: #484; + --alert-error-background-color: #fdd; + --alert-error-font-color: #844; + --alert-error-border-color: #ecc; + + --invalid-box-border-color: #f00; + --invalid-box-shadow-color: #fdd; + + --border-color-white: #fff; + + --border-color-grey-dark: #aaa; + --border-color-grey-light: #ddd; + + --border-left-article: #5cb85c; + --border-left-article-current: #39b3d7; + --border-left-article-unread: #d9534f; + --border-left-article-favorite: #428bca; +} + + html, body { - background: #fafafa; - color: #666; + background-color: var(--background-color-grey-light); + color: var(--font-color-grey); font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", "PingFang SC", "Microsoft YaHei", sans-serif; } /*=== Links */ a { - color: #2980b9; + color: var(--font-color-link-general); outline: none; } @@ -19,7 +104,7 @@ legend { margin: 20px 0 5px; padding: 5px 0; font-size: 1.4em; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid var(--border-color-grey-light); } label { @@ -35,9 +120,9 @@ textarea { input, select, textarea { padding: 7px; - background: #fdfdfd; - color: #666; - border: 1px solid #bbb; + background-color: var(--background-color-white); + color: var(--font-color-grey); + border: 1px solid var(--border-color-grey-dark); border-radius: 3px; vertical-align: middle; } @@ -47,17 +132,12 @@ option { } input:focus, select:focus, textarea:focus { - outline-color: #aaa; + border-color: var(--border-color-grey-dark); } input:invalid, select:invalid { - border-color: #f00; - box-shadow: 0 0 2px 2px #fdd inset; - outline-color: #fdd; -} - -input:disabled, select:disabled { - background: #eee; + border-color: var(--invalid-box-border-color); + box-shadow: 0 0 2px 2px var(--invalid-box-shadow-color) inset; } input.extend { @@ -70,11 +150,11 @@ table { } th, td { - border: 1px solid #ddd; + border: 1px solid var(--border-color-grey-light); } th { - background: #f6f6f6; + background-color: var(--background-color-grey); } form td, @@ -88,8 +168,8 @@ form th { /*=== Forms */ .form-group.form-actions { padding: 5px 0; - background: #f4f4f4; - border-top: 1px solid #ddd; + background-color: var(--background-color-grey); + border-top: 1px solid var(--border-color-grey-light); } .form-group.form-actions .btn { @@ -148,11 +228,11 @@ form th { .btn { margin: 0; padding: 1px 5px; - background: #fff; + background-color: var(--background-color-white); display: inline-block; - color: #666; + color: var(--font-color-grey); font-size: 0.9rem; - border: 1px solid #aaa; + border: 1px solid var(--border-color-grey-dark); border-radius: 3px; min-height: 29px; min-width: 15px; @@ -172,27 +252,26 @@ a.btn { } .btn:hover { - background: #f0f0f0; + background-color: var(--background-color-grey-hover); text-decoration: none; } .btn.active, .btn:active, .dropdown-target:target ~ .btn.dropdown-toggle { - background: #eee; + background-color: var(--background-color-grey-button-active); } .btn-important { - background: #5cb85c; - color: #fff; - border-color: #5cb85c; + background-color: var(--background-color-button-important); + color: var(--font-color-white); + border: none; font-weight: normal; } .btn-important:hover, .btn-important:active { - background: #47a447; - border-color: #47a447; - box-shadow: none; + background-color: var(--background-color-button-important-hover); + border: none; } .btn-important .icon { @@ -200,20 +279,18 @@ a.btn { } .btn-attention { - background: #d9534f; - color: #fff; - border: 1px solid #d9534f; - outline-color: #aaa; + background-color: var(--background-color-button-attention); + color: var(--font-color-white); + border: none; } .btn-attention:hover { - background: #d2322d; - border-color: #d2322d; + background-color: var(--background-color-button-attention-hover); + border: none; } .btn-attention:active { - background: #d2322d; - box-shadow: none; + background-color: var(--background-color-button-attention-hover); } /*=== Navigation */ @@ -224,21 +301,19 @@ a.btn { font-size: 0.9rem; } -.nav-list .item:hover { - background: #fafafa; +.nav-list .item a:hover { + color: var(--font-color-link-general-hover); + background-color: var(--background-color-grey-hover); } -.nav-list .item:hover a { - color: #038; -} - -.nav-list .item.active { - background: #3498db; - color: #fff; +.nav-list .item.active, +.nav-list .item.active a:hover { + background-color: var(--background-color-navlist-active); + color: var(--font-color-white); } .nav-list .item.active a { - color: #fff; + color: var(--font-color-white); } .nav-list .item > a { @@ -251,9 +326,9 @@ a.btn { .nav-list .nav-header { padding: 0 10px; - background: #f4f4f4; - color: #888; - border-bottom: 1px solid #ddd; + background-color: var(--background-color-grey); + color: var(--font-color-grey); + border-bottom: 1px solid var(--border-color-grey-light); font-weight: bold; } @@ -267,20 +342,20 @@ a.btn { margin: 5px 0 0; padding: 0.5rem 0 0.25rem 0; font-size: 0.8rem; - border: 1px solid #aaa; + border: 1px solid var(--border-color-grey-dark); border-radius: 5px; text-align: left; } .dropdown-menu::after { - border-color: #aaa; + border-color: var(--border-color-grey-dark); right: 8px; } .dropdown-header, .dropdown-section .dropdown-section-title { padding: 0 5px 5px; - color: #888; + color: var(--font-color-grey); font-weight: bold; text-align: left; } @@ -290,7 +365,7 @@ a.btn { .dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5; - color: #666; + color: var(--font-color-grey); font-size: 0.8rem; } @@ -307,8 +382,8 @@ a.btn { .dropdown-menu .item > a:hover, .dropdown-menu .item > button:hover, .dropdown-menu .item > label:hover:not(.noHover) { - background: #eee; - color: #666; + background-color: var(--background-color-grey-hover); + color: var(--font-color-grey); } .dropdown-menu > .item[aria-checked="true"] > a::before { @@ -326,19 +401,19 @@ a.btn { .item ~ .dropdown-header, .dropdown-section ~ .dropdown-section, .item.separator { - border-top-color: #ddd; + border-top-color: var(--border-color-grey-light); } /*=== Alerts */ .alert { margin: 15px auto; padding: 10px 15px; - background: #f4f4f4; - color: #aaa; + background-color: var(--background-color-grey); + color: var(--font-color-grey); font-size: 0.9em; - border: 1px solid #ccc; - border-right: 1px solid #aaa; - border-bottom: 1px solid #aaa; + border: 1px solid var(--border-color-grey-light); + border-right: 1px solid var(--border-color-grey-dark); + border-bottom: 1px solid var(--border-color-grey-dark); border-radius: 5px; } @@ -352,52 +427,43 @@ a.btn { } .alert-warn { - background: #ffe; - color: #c95; - border: 1px solid #eeb; + background: var(--alert-warn-background-color); + color: var(--alert-warn-font-color); + border: 1px solid var(--alert-warn-border-color); } .alert-success { - background: #dfd; - color: #484; - border: 1px solid #cec; + background-color: var(--alert-success-background-color); + color: var(--alert-success-font-color); + border: 1px solid var(--alert-success-border-color); } .alert-error { - background: #fdd; - color: #844; - border: 1px solid #ecc; + background: var(--alert-error-background-color); + color: var(--alert-error-font-color); + border: 1px solid var(--alert-error-border-color); } /*=== Pagination */ -.pagination { - background: #fff; - color: #41444f; -} - -.pagination .item a { - color: #41444f; -} - .pagination:first-child .item { - border-bottom: 1px solid #aaa; + border-bottom: 1px solid var(--border-color-grey-dark); } .pagination:last-child .item { - border-top: 1px solid #aaa; + border-top: 1px solid var(--border-color-grey-dark); } /*=== Boxes */ .box { - border: 1px solid #aaa; + border: 1px solid var(--border-color-grey-dark); border-radius: 5px; } .box .box-title { margin: 0; padding: 5px 10px; - background: #f6f6f6; - border-bottom: 1px solid #aaa; + background-color: var(--background-color-grey); + border-bottom: 1px solid var(--border-color-grey-dark); border-radius: 5px 5px 0 0; } @@ -426,8 +492,8 @@ a.btn { .tree-folder-title { padding: 0.125rem 0.5rem; - background: #5bc0de; - color: #fff; + background-color: var(--background-color-category); + color: var(--font-color-white); font-size: 0.9rem; border-top: 1px solid transparent; border-bottom: 1px solid transparent; @@ -436,9 +502,13 @@ a.btn { line-height: 2.15; } +.tree-folder-title:hover { + background-color: var(--background-color-category-active); +} + .tree-folder-title .title { background: inherit; - color: #fff; + color: var(--font-color-white); } .tree-folder-title .title:hover { @@ -452,7 +522,7 @@ a.btn { } .tree-folder-title .title.error::before { - color: #f0ad4e; + color: var(--color-warning-icon-folder); font-size: 1.2rem; font-weight: normal; line-height: 1; @@ -464,10 +534,20 @@ a.btn { } .tree-folder.active .tree-folder-title { - background: #39b3d7; + background-color: var(--background-color-category-active); font-weight: bold; - border-top: 1px solid #666; - border-bottom: 1px solid #666; +} + +.tree-folder.active .tree-folder-title::before { + background-color: var(--background-color-white); + width: 0.5rem; + height: 0.5rem; + content: ""; + position: absolute; + top: 1rem; + left: -0.25rem; + z-index: 10; + transform: rotate(45deg); } .aside_feed .configure-feeds .btn { @@ -484,7 +564,7 @@ a.btn { } .tree-folder-items > .item.active { - background: #5cb85c; + background-color: var(--background-color-active-feed); } .tree-folder-items > .item > a { @@ -492,35 +572,29 @@ a.btn { } .tree-folder-items > .item.active > a { - color: #fff; + color: var(--font-color-white); } /*=== STRUCTURE */ /*===============*/ /*=== Header */ .header { - background: #41444f; + background-color: var(--background-color-dark); } .header > .item { - padding: 10px; - border-bottom: 1px solid #aaa; + border-bottom: 1px solid var(--border-color-grey-dark); vertical-align: middle; text-align: center; } -.header > .item.title { - width: 230px; -} - .header > .item.title .logo { - margin: 0.5em 0; filter: grayscale(100%) brightness(2.5); } a.signin { text-decoration: none; - color: #c5c6ca; + color: var(--font-color-grey-light); } .header > .item.search input { @@ -540,8 +614,8 @@ a.signin { /*=== Body */ .aside { - background: #fff; - border-right: 1px solid #aaa; + background-color: var(--background-color-white); + border-right: 1px solid var(--border-color-grey-dark); } .aside.aside_feed { @@ -557,17 +631,18 @@ a.signin { .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after, .global .box.category .title:not([data-unread="0"])::after { margin: 0.55em 0 0 0; - background-color: white; - color: #428bca; + background-color: var(--background-color-white); + color: var(--font-color-unread-articles); } .aside.aside_feed .feed .item-title:not([data-unread="0"])::after { - background-color: #5bc0de; - color: white; + background-color: var(--background-color-category); + color: var(--font-color-white); } .aside.aside_feed .tree-folder.category.active .feed .item-title:not([data-unread="0"])::after { - background-color: #39b3d7; + background-color: var(--background-color-category-active); + font-size: 0.7rem; } .aside.aside_feed .category .title:not([data-unread="0"])::after { @@ -576,51 +651,53 @@ a.signin { .aside.aside_feed .feed.active .item-title:not([data-unread="0"])::after { background-color: transparent; - color: white; - border: 1px solid #fff; + color: var(--font-color-white); + border: 1px solid var(--border-color-white); font-weight: bold; } .aside_feed .tree-folder.all .tree-folder-title { - background: #428bca; + background-color: var(--background-color-mainstream); } +.aside_feed .tree-folder.all:hover .tree-folder-title, .aside_feed .tree-folder.all.active .tree-folder-title { - background: #3276b1; + background-color: var(--background-color-mainstream-active); } .aside_feed .tree-folder.favorites .tree-folder-title { - background: #f0ad4e; + background-color: var(--background-color-favorites); } +.aside_feed .tree-folder.favorites:hover .tree-folder-title, .aside_feed .tree-folder.favorites.active .tree-folder-title { - background: #ed9c28; + background-color: var(--background-color-favorites-active); } /*=== Aside main page (feeds) */ .feed.item.empty.active { - background: #e67e22; + background: var(--color-empty-feed); } .feed.item.error.active { - background: #bd362f; + background: var(--color-empty-feed); } .feed.item.empty, .feed.item.empty > a { - color: #e67e22; + color: var(--color-empty-feed); } .feed.item.error, .feed.item.error > a { - color: #bd362f; + color: var(--color-error-feed); } .feed.item.empty.active, .feed.item.error.active, .feed.item.empty.active > a, .feed.item.error.active > a { - color: #fff; + color: var(--font-color-white); } .aside_feed .tree-folder-items .dropdown-menu::after { @@ -631,7 +708,7 @@ a.signin { .aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon, .aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon { border-radius: 3px; - background-color: #fff; + background-color: var(--background-color-white); } .aside_feed .tree-folder-title .dropdown-toggle .icon { @@ -676,29 +753,29 @@ a.signin { /*=== New article notification */ #new-article { - background: #428bca; + background-color: var(--background-color-new-article); text-align: center; font-size: 0.9em; } #new-article > a { padding: 0.75rem; - color: #fff; + color: var(--font-color-white); font-weight: bold; } #new-article > a:hover { text-decoration: none; - background: #3276b1; + background-color: var(--background-color-new-article-hover); } /*=== Day indication */ .day { padding: 0 10px; - background: #fff; - color: #666; - border-top: 1px solid #aaa; - border-bottom: 1px solid #aaa; + background-color: var(--background-color-white); + color: var(--font-color-grey); + border-top: 1px solid var(--border-color-grey-dark); + border-bottom: 1px solid var(--border-color-grey-dark); font-weight: bold; line-height: 3; } @@ -713,7 +790,7 @@ a.signin { .day .name { padding: 0 10px 0 0; - color: #666; + color: var(--font-color-grey); font-size: 1.8em; opacity: 0.3; font-style: italic; @@ -723,49 +800,53 @@ a.signin { /*=== Index menu */ .nav_menu { padding: 5px 0; - background: #fafafa; - border-bottom: 1px solid #aaa; + background-color: var(--background-color-grey-light); + border-bottom: 1px solid var(--border-color-grey-dark); text-align: center; } /*=== Feed articles */ .flux { - background: #fafafa; - border-left: 3px solid #5cb85c; + background-color: var(--background-color-grey-light); + border-left: 2px solid var(--border-left-article); } .flux .flux_header:hover { - background: #fff; + background-color: var(--background-color-grey-hover); +} + +.flux .flux_header:hover .title a { + color: var(--font-color-hover); } .flux.current { - background: #fff; - border-left: 3px solid #39b3d7; + background-color: var(--background-color-white); + border-left: 2px solid var(--border-left-article-current); } .flux.not_read { - border-left: 3px solid #d9534f; + border-left: 2px solid var(--border-left-article-unread); } .flux .item.title a, .flux.not_read:not(.current):hover .item.title { - color: #333; + color: var(--font-color-link-title); } .flux.favorite { - border-left: 2px solid #428bca; + border-left: 2px solid var(--border-left-article-favorite); } .flux.favorite:not(.current) { - background: #fff6da; + background-color: var(--background-color-favorite); } .flux.favorite:not(.current) .flux_header:hover { - background: #fff9e8; + background-color: var(--background-color-favorite-hover); } .flux_header { font-size: 0.8rem; - border-top: 1px solid #ddd; + border-top: 1px solid var(--border-color-grey-light); cursor: pointer; } @@ -778,7 +859,7 @@ a.signin { } .flux .item.date { - color: #666; + color: var(--font-color-grey); font-size: 0.7rem; } @@ -793,49 +874,48 @@ a.signin { } .content > h1.title > a { - color: #333; + color: var(--font-color-link-title); } .content hr { margin: 30px 10px; - background: #ddd; + background-color: var(--background-color-grey); height: 1px; border: 0; - box-shadow: 0 2px 5px #ccc; } .content pre { margin: 10px auto; padding: 10px 20px; overflow: auto; - background: #222; - color: #fff; + background-color: var(--background-color-dark); + color: var(--font-color-white); font-size: 0.9rem; border-radius: 3px; } .content code { padding: 2px 5px; - background: #fafafa; - color: #d14; - border: 1px solid #eee; + background-color: var(--background-color-grey-light); + color: var(--font-color-code); + border: 1px solid var(--border-color-grey-light); border-radius: 3px; } .content pre code { background: transparent; - color: #fff; + color: var(--font-color-white); border: none; } .content blockquote { margin: 0; padding: 5px 20px; - background: #fafafa; + background-color: var(--background-color-grey-light); display: block; - color: #41444f; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; + color: var(--font-color-blockquote); + border-top: 1px solid var(--border-color-grey-light); + border-bottom: 1px solid var(--border-color-grey-light); } .content blockquote p { @@ -845,80 +925,76 @@ a.signin { /*=== Notification and actualize notification */ .notification { font-size: 0.9em; - border: 1px solid #eeb; + border: 1px solid var(--notification-good-border-color); border-radius: 3px; - box-shadow: 0 0 5px #ddd; + box-shadow: 0 0 5px var(--notification-box-shadow-color); text-align: center; font-weight: bold; vertical-align: middle; } .notification.good { - background: #ffe; - color: #c95; - border: 1px solid #eeb; + background-color: var(--notification-good-background-color); + color: var(--notification-good-font-color); + border: 1px solid var(--notification-good-border-color); } .notification.bad { - background: #fdd; - color: #844; - border: 1px solid #ecc; + background-color: var(--notification-bad-background-color); + color: var(--notification-bad-font-color); + border: 1px solid var(--notification-bad-border-color); } .notification.good a.close:hover { - background: #eeb; + background-color: var(--notification-good-border-color); } .notification.bad a.close:hover { - background: #ecc; + background-color: var(--notification-bad-border-color); } /*=== "Load more" part */ #bigMarkAsRead { - background: #fafafa; - color: #666; + background-color: var(--background-color-grey-light); + color: var(--font-color-grey); text-align: center; text-decoration: none; } #bigMarkAsRead:hover { - background: #f0f0f0; - color: #000; -} - -#bigMarkAsRead:hover .bigTick { - /* text-shadow: 0 0 10px #666;*/ + background-color: var(--background-color-grey-hover); + color: var(--font-color-hover); } /*=== Navigation menu (for articles) */ #nav_entries { margin: 0; - background: #fff; - border-top: 1px solid #ddd; + background-color: var(--background-color-white); + border-top: 1px solid var(--border-color-grey-light); text-align: center; line-height: 3; table-layout: fixed; } #nav_entries .item:hover { - background: #eee ; + background-color: var(--background-color-grey-hover); } /*=== READER VIEW */ /*================*/ #stream.reader .flux { - background: #fafafa; - color: #41444f; + background-color: var(--background-color-grey-light); + color: var(--font-color-article); border: none; } #stream.reader .flux .content { - background-color: #fff; - border-color: #ddd; + background-color: var(--background-color-white); + border-color: var(--border-color-grey-light); } #stream.reader .flux .author { margin: 0 0 10px; - color: #666; + color: var(--font-color-grey); font-size: 90%; } @@ -931,19 +1007,17 @@ a.signin { } .box.category:not([data-unread="0"]) .box-title { - background: #5bc0de; + background-color: var(--background-color-category); } .box.category:not([data-unread="0"]) .box-title .title { font-weight: bold; - color: #fff; + color: var(--font-color-white); } .box.category .title:not([data-unread="0"])::after { background: none; - border: 0; - box-shadow: none; - text-shadow: none; + border: none; } /*=== DIVERS */ @@ -975,7 +1049,7 @@ a.signin { .stat > table td, .stat > table th { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid var(--border-color-grey-light); text-align: center; } @@ -991,15 +1065,11 @@ a.signin { transition: width 200ms linear; } - .aside:target { - box-shadow: 3px 0 3px #aaa; - } - .aside .toggle_aside, #panel .close, .dropdown-menu .toggle_aside { - background: #f6f6f6; - border-bottom: 1px solid #ddd; + background-color: var(--background-color-grey); + border-bottom: 1px solid var(--border-color-grey-light); } .aside.aside_feed { @@ -1035,8 +1105,8 @@ a.signin { } .dropdown-target:target ~ .dropdown-toggle::after { - border-top: 1px solid #aaa; - border-left: 1px solid #aaa; + border-top: 1px solid var(--border-color-grey-dark); + border-left: 1px solid var(--border-color-grey-dark); } .day .name { diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 4bba258a8..7677a92db 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -2,15 +2,100 @@ /*=== GENERAL */ /*============*/ +:root { + --font-color-white: #fff; + --font-color-grey-light: #c5c6ca; + --font-color-grey: #666; + --font-color-hover: #000; + --font-color-link-title: #333; + --font-color-link-general: #2980b9; + --font-color-link-general-hover: #038; + + --font-color-unread-articles: #428bca; + + --font-color-article: #41444f; + + --font-color-blockquote: #41444f; + --font-color-code: #d14; + + --background-color-white: #fff; + --background-color-grey-light: #fafafa; + --background-color-grey: #f4f4f4; + --background-color-grey-hover: #f0f0f0; + --background-color-grey-button-active: #eee; + + --background-color-dark: #41444f; + + --background-color-navlist-active: #3498db; + + --background-color-favorite: #fff6da; + --background-color-favorite-hover: #fff9e8; + + --background-color-button-important: #5cb85c; + --background-color-button-important-hover: #47a447; + + --background-color-button-attention: #d9534f; + --background-color-button-attention-hover: #d2322d; + + --background-color-active-feed: #5cb85c; + + --background-color-mainstream: #428bca; + --background-color-mainstream-active: #3276b1; + --background-color-favorites: #f0ad4e; + --background-color-favorites-active: #ed9c28; + --background-color-category: #5bc0de; + --background-color-category-active: #39b3d7; + + --background-color-new-article: #428bca; + --background-color-new-article-hover: #3276b1; + + --color-empty-feed: #f39c12; + --color-error-feed: #bd362f; + + --color-warning-icon-folder: #f0ad4e; + + --notification-good-background-color: #ffe; + --notification-good-border-color: #eeb; + --notification-good-font-color: #c95; + --notification-bad-background-color: #fdd; + --notification-bad-font-color: #844; + --notification-bad-border-color: #ecc; + --notification-box-shadow-color: #ddd; + + --alert-warn-background-color: #ffe; + --alert-warn-border-color: #eeb; + --alert-warn-font-color: #c95; + --alert-success-background-color: #dfd; + --alert-success-border-color: #cec; + --alert-success-font-color: #484; + --alert-error-background-color: #fdd; + --alert-error-font-color: #844; + --alert-error-border-color: #ecc; + + --invalid-box-border-color: #f00; + --invalid-box-shadow-color: #fdd; + + --border-color-white: #fff; + + --border-color-grey-dark: #aaa; + --border-color-grey-light: #ddd; + + --border-left-article: #5cb85c; + --border-left-article-current: #39b3d7; + --border-left-article-unread: #d9534f; + --border-left-article-favorite: #428bca; +} + + html, body { - background: #fafafa; - color: #666; + background-color: var(--background-color-grey-light); + color: var(--font-color-grey); font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", "PingFang SC", "Microsoft YaHei", sans-serif; } /*=== Links */ a { - color: #2980b9; + color: var(--font-color-link-general); outline: none; } @@ -19,7 +104,7 @@ legend { margin: 20px 0 5px; padding: 5px 0; font-size: 1.4em; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid var(--border-color-grey-light); } label { @@ -35,9 +120,9 @@ textarea { input, select, textarea { padding: 7px; - background: #fdfdfd; - color: #666; - border: 1px solid #bbb; + background-color: var(--background-color-white); + color: var(--font-color-grey); + border: 1px solid var(--border-color-grey-dark); border-radius: 3px; vertical-align: middle; } @@ -47,17 +132,12 @@ option { } input:focus, select:focus, textarea:focus { - outline-color: #aaa; + border-color: var(--border-color-grey-dark); } input:invalid, select:invalid { - border-color: #f00; - box-shadow: 0 0 2px 2px #fdd inset; - outline-color: #fdd; -} - -input:disabled, select:disabled { - background: #eee; + border-color: var(--invalid-box-border-color); + box-shadow: 0 0 2px 2px var(--invalid-box-shadow-color) inset; } input.extend { @@ -70,11 +150,11 @@ table { } th, td { - border: 1px solid #ddd; + border: 1px solid var(--border-color-grey-light); } th { - background: #f6f6f6; + background-color: var(--background-color-grey); } form td, @@ -88,8 +168,8 @@ form th { /*=== Forms */ .form-group.form-actions { padding: 5px 0; - background: #f4f4f4; - border-top: 1px solid #ddd; + background-color: var(--background-color-grey); + border-top: 1px solid var(--border-color-grey-light); } .form-group.form-actions .btn { @@ -148,11 +228,11 @@ form th { .btn { margin: 0; padding: 1px 5px; - background: #fff; + background-color: var(--background-color-white); display: inline-block; - color: #666; + color: var(--font-color-grey); font-size: 0.9rem; - border: 1px solid #aaa; + border: 1px solid var(--border-color-grey-dark); border-radius: 3px; min-height: 29px; min-width: 15px; @@ -172,27 +252,26 @@ a.btn { } .btn:hover { - background: #f0f0f0; + background-color: var(--background-color-grey-hover); text-decoration: none; } .btn.active, .btn:active, .dropdown-target:target ~ .btn.dropdown-toggle { - background: #eee; + background-color: var(--background-color-grey-button-active); } .btn-important { - background: #5cb85c; - color: #fff; - border-color: #5cb85c; + background-color: var(--background-color-button-important); + color: var(--font-color-white); + border: none; font-weight: normal; } .btn-important:hover, .btn-important:active { - background: #47a447; - border-color: #47a447; - box-shadow: none; + background-color: var(--background-color-button-important-hover); + border: none; } .btn-important .icon { @@ -200,20 +279,18 @@ a.btn { } .btn-attention { - background: #d9534f; - color: #fff; - border: 1px solid #d9534f; - outline-color: #aaa; + background-color: var(--background-color-button-attention); + color: var(--font-color-white); + border: none; } .btn-attention:hover { - background: #d2322d; - border-color: #d2322d; + background-color: var(--background-color-button-attention-hover); + border: none; } .btn-attention:active { - background: #d2322d; - box-shadow: none; + background-color: var(--background-color-button-attention-hover); } /*=== Navigation */ @@ -224,21 +301,19 @@ a.btn { font-size: 0.9rem; } -.nav-list .item:hover { - background: #fafafa; +.nav-list .item a:hover { + color: var(--font-color-link-general-hover); + background-color: var(--background-color-grey-hover); } -.nav-list .item:hover a { - color: #038; -} - -.nav-list .item.active { - background: #3498db; - color: #fff; +.nav-list .item.active, +.nav-list .item.active a:hover { + background-color: var(--background-color-navlist-active); + color: var(--font-color-white); } .nav-list .item.active a { - color: #fff; + color: var(--font-color-white); } .nav-list .item > a { @@ -251,9 +326,9 @@ a.btn { .nav-list .nav-header { padding: 0 10px; - background: #f4f4f4; - color: #888; - border-bottom: 1px solid #ddd; + background-color: var(--background-color-grey); + color: var(--font-color-grey); + border-bottom: 1px solid var(--border-color-grey-light); font-weight: bold; } @@ -267,20 +342,20 @@ a.btn { margin: 5px 0 0; padding: 0.5rem 0 0.25rem 0; font-size: 0.8rem; - border: 1px solid #aaa; + border: 1px solid var(--border-color-grey-dark); border-radius: 5px; text-align: right; } .dropdown-menu::after { - border-color: #aaa; + border-color: var(--border-color-grey-dark); left: 8px; } .dropdown-header, .dropdown-section .dropdown-section-title { padding: 0 5px 5px; - color: #888; + color: var(--font-color-grey); font-weight: bold; text-align: right; } @@ -290,7 +365,7 @@ a.btn { .dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5; - color: #666; + color: var(--font-color-grey); font-size: 0.8rem; } @@ -307,8 +382,8 @@ a.btn { .dropdown-menu .item > a:hover, .dropdown-menu .item > button:hover, .dropdown-menu .item > label:hover:not(.noHover) { - background: #eee; - color: #666; + background-color: var(--background-color-grey-hover); + color: var(--font-color-grey); } .dropdown-menu > .item[aria-checked="true"] > a::before { @@ -326,19 +401,19 @@ a.btn { .item ~ .dropdown-header, .dropdown-section ~ .dropdown-section, .item.separator { - border-top-color: #ddd; + border-top-color: var(--border-color-grey-light); } /*=== Alerts */ .alert { margin: 15px auto; padding: 10px 15px; - background: #f4f4f4; - color: #aaa; + background-color: var(--background-color-grey); + color: var(--font-color-grey); font-size: 0.9em; - border: 1px solid #ccc; - border-left: 1px solid #aaa; - border-bottom: 1px solid #aaa; + border: 1px solid var(--border-color-grey-light); + border-left: 1px solid var(--border-color-grey-dark); + border-bottom: 1px solid var(--border-color-grey-dark); border-radius: 5px; } @@ -352,52 +427,43 @@ a.btn { } .alert-warn { - background: #ffe; - color: #c95; - border: 1px solid #eeb; + background: var(--alert-warn-background-color); + color: var(--alert-warn-font-color); + border: 1px solid var(--alert-warn-border-color); } .alert-success { - background: #dfd; - color: #484; - border: 1px solid #cec; + background-color: var(--alert-success-background-color); + color: var(--alert-success-font-color); + border: 1px solid var(--alert-success-border-color); } .alert-error { - background: #fdd; - color: #844; - border: 1px solid #ecc; + background: var(--alert-error-background-color); + color: var(--alert-error-font-color); + border: 1px solid var(--alert-error-border-color); } /*=== Pagination */ -.pagination { - background: #fff; - color: #41444f; -} - -.pagination .item a { - color: #41444f; -} - .pagination:first-child .item { - border-bottom: 1px solid #aaa; + border-bottom: 1px solid var(--border-color-grey-dark); } .pagination:last-child .item { - border-top: 1px solid #aaa; + border-top: 1px solid var(--border-color-grey-dark); } /*=== Boxes */ .box { - border: 1px solid #aaa; + border: 1px solid var(--border-color-grey-dark); border-radius: 5px; } .box .box-title { margin: 0; padding: 5px 10px; - background: #f6f6f6; - border-bottom: 1px solid #aaa; + background-color: var(--background-color-grey); + border-bottom: 1px solid var(--border-color-grey-dark); border-radius: 5px 5px 0 0; } @@ -426,8 +492,8 @@ a.btn { .tree-folder-title { padding: 0.125rem 0.5rem; - background: #5bc0de; - color: #fff; + background-color: var(--background-color-category); + color: var(--font-color-white); font-size: 0.9rem; border-top: 1px solid transparent; border-bottom: 1px solid transparent; @@ -436,9 +502,13 @@ a.btn { line-height: 2.15; } +.tree-folder-title:hover { + background-color: var(--background-color-category-active); +} + .tree-folder-title .title { background: inherit; - color: #fff; + color: var(--font-color-white); } .tree-folder-title .title:hover { @@ -452,7 +522,7 @@ a.btn { } .tree-folder-title .title.error::before { - color: #f0ad4e; + color: var(--color-warning-icon-folder); font-size: 1.2rem; font-weight: normal; line-height: 1; @@ -464,10 +534,20 @@ a.btn { } .tree-folder.active .tree-folder-title { - background: #39b3d7; + background-color: var(--background-color-category-active); font-weight: bold; - border-top: 1px solid #666; - border-bottom: 1px solid #666; +} + +.tree-folder.active .tree-folder-title::before { + background-color: var(--background-color-white); + width: 0.5rem; + height: 0.5rem; + content: ""; + position: absolute; + top: 1rem; + right: -0.25rem; + z-index: 10; + transform: rotate(-45deg); } .aside_feed .configure-feeds .btn { @@ -484,7 +564,7 @@ a.btn { } .tree-folder-items > .item.active { - background: #5cb85c; + background-color: var(--background-color-active-feed); } .tree-folder-items > .item > a { @@ -492,35 +572,29 @@ a.btn { } .tree-folder-items > .item.active > a { - color: #fff; + color: var(--font-color-white); } /*=== STRUCTURE */ /*===============*/ /*=== Header */ .header { - background: #41444f; + background-color: var(--background-color-dark); } .header > .item { - padding: 10px; - border-bottom: 1px solid #aaa; + border-bottom: 1px solid var(--border-color-grey-dark); vertical-align: middle; text-align: center; } -.header > .item.title { - width: 230px; -} - .header > .item.title .logo { - margin: 0.5em 0; filter: grayscale(100%) brightness(2.5); } a.signin { text-decoration: none; - color: #c5c6ca; + color: var(--font-color-grey-light); } .header > .item.search input { @@ -540,8 +614,8 @@ a.signin { /*=== Body */ .aside { - background: #fff; - border-left: 1px solid #aaa; + background-color: var(--background-color-white); + border-left: 1px solid var(--border-color-grey-dark); } .aside.aside_feed { @@ -557,17 +631,18 @@ a.signin { .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after, .global .box.category .title:not([data-unread="0"])::after { margin: 0.55em 0 0 0; - background-color: white; - color: #428bca; + background-color: var(--background-color-white); + color: var(--font-color-unread-articles); } .aside.aside_feed .feed .item-title:not([data-unread="0"])::after { - background-color: #5bc0de; - color: white; + background-color: var(--background-color-category); + color: var(--font-color-white); } .aside.aside_feed .tree-folder.category.active .feed .item-title:not([data-unread="0"])::after { - background-color: #39b3d7; + background-color: var(--background-color-category-active); + font-size: 0.7rem; } .aside.aside_feed .category .title:not([data-unread="0"])::after { @@ -576,51 +651,53 @@ a.signin { .aside.aside_feed .feed.active .item-title:not([data-unread="0"])::after { background-color: transparent; - color: white; - border: 1px solid #fff; + color: var(--font-color-white); + border: 1px solid var(--border-color-white); font-weight: bold; } .aside_feed .tree-folder.all .tree-folder-title { - background: #428bca; + background-color: var(--background-color-mainstream); } +.aside_feed .tree-folder.all:hover .tree-folder-title, .aside_feed .tree-folder.all.active .tree-folder-title { - background: #3276b1; + background-color: var(--background-color-mainstream-active); } .aside_feed .tree-folder.favorites .tree-folder-title { - background: #f0ad4e; + background-color: var(--background-color-favorites); } +.aside_feed .tree-folder.favorites:hover .tree-folder-title, .aside_feed .tree-folder.favorites.active .tree-folder-title { - background: #ed9c28; + background-color: var(--background-color-favorites-active); } /*=== Aside main page (feeds) */ .feed.item.empty.active { - background: #e67e22; + background: var(--color-empty-feed); } .feed.item.error.active { - background: #bd362f; + background: var(--color-empty-feed); } .feed.item.empty, .feed.item.empty > a { - color: #e67e22; + color: var(--color-empty-feed); } .feed.item.error, .feed.item.error > a { - color: #bd362f; + color: var(--color-error-feed); } .feed.item.empty.active, .feed.item.error.active, .feed.item.empty.active > a, .feed.item.error.active > a { - color: #fff; + color: var(--font-color-white); } .aside_feed .tree-folder-items .dropdown-menu::after { @@ -631,7 +708,7 @@ a.signin { .aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon, .aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon { border-radius: 3px; - background-color: #fff; + background-color: var(--background-color-white); } .aside_feed .tree-folder-title .dropdown-toggle .icon { @@ -676,29 +753,29 @@ a.signin { /*=== New article notification */ #new-article { - background: #428bca; + background-color: var(--background-color-new-article); text-align: center; font-size: 0.9em; } #new-article > a { padding: 0.75rem; - color: #fff; + color: var(--font-color-white); font-weight: bold; } #new-article > a:hover { text-decoration: none; - background: #3276b1; + background-color: var(--background-color-new-article-hover); } /*=== Day indication */ .day { padding: 0 10px; - background: #fff; - color: #666; - border-top: 1px solid #aaa; - border-bottom: 1px solid #aaa; + background-color: var(--background-color-white); + color: var(--font-color-grey); + border-top: 1px solid var(--border-color-grey-dark); + border-bottom: 1px solid var(--border-color-grey-dark); font-weight: bold; line-height: 3; } @@ -713,7 +790,7 @@ a.signin { .day .name { padding: 0 0 0 10px; - color: #666; + color: var(--font-color-grey); font-size: 1.8em; opacity: 0.3; font-style: italic; @@ -723,49 +800,53 @@ a.signin { /*=== Index menu */ .nav_menu { padding: 5px 0; - background: #fafafa; - border-bottom: 1px solid #aaa; + background-color: var(--background-color-grey-light); + border-bottom: 1px solid var(--border-color-grey-dark); text-align: center; } /*=== Feed articles */ .flux { - background: #fafafa; - border-right: 3px solid #5cb85c; + background-color: var(--background-color-grey-light); + border-right: 2px solid var(--border-left-article); } .flux .flux_header:hover { - background: #fff; + background-color: var(--background-color-grey-hover); +} + +.flux .flux_header:hover .title a { + color: var(--font-color-hover); } .flux.current { - background: #fff; - border-right: 3px solid #39b3d7; + background-color: var(--background-color-white); + border-right: 2px solid var(--border-left-article-current); } .flux.not_read { - border-right: 3px solid #d9534f; + border-right: 2px solid var(--border-left-article-unread); } .flux .item.title a, .flux.not_read:not(.current):hover .item.title { - color: #333; + color: var(--font-color-link-title); } .flux.favorite { - border-right: 2px solid #428bca; + border-right: 2px solid var(--border-left-article-favorite); } .flux.favorite:not(.current) { - background: #fff6da; + background-color: var(--background-color-favorite); } .flux.favorite:not(.current) .flux_header:hover { - background: #fff9e8; + background-color: var(--background-color-favorite-hover); } .flux_header { font-size: 0.8rem; - border-top: 1px solid #ddd; + border-top: 1px solid var(--border-color-grey-light); cursor: pointer; } @@ -778,7 +859,7 @@ a.signin { } .flux .item.date { - color: #666; + color: var(--font-color-grey); font-size: 0.7rem; } @@ -793,49 +874,48 @@ a.signin { } .content > h1.title > a { - color: #333; + color: var(--font-color-link-title); } .content hr { margin: 30px 10px; - background: #ddd; + background-color: var(--background-color-grey); height: 1px; border: 0; - box-shadow: 0 2px 5px #ccc; } .content pre { margin: 10px auto; padding: 10px 20px; overflow: auto; - background: #222; - color: #fff; + background-color: var(--background-color-dark); + color: var(--font-color-white); font-size: 0.9rem; border-radius: 3px; } .content code { padding: 2px 5px; - background: #fafafa; - color: #d14; - border: 1px solid #eee; + background-color: var(--background-color-grey-light); + color: var(--font-color-code); + border: 1px solid var(--border-color-grey-light); border-radius: 3px; } .content pre code { background: transparent; - color: #fff; + color: var(--font-color-white); border: none; } .content blockquote { margin: 0; padding: 5px 20px; - background: #fafafa; + background-color: var(--background-color-grey-light); display: block; - color: #41444f; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; + color: var(--font-color-blockquote); + border-top: 1px solid var(--border-color-grey-light); + border-bottom: 1px solid var(--border-color-grey-light); } .content blockquote p { @@ -845,80 +925,76 @@ a.signin { /*=== Notification and actualize notification */ .notification { font-size: 0.9em; - border: 1px solid #eeb; + border: 1px solid var(--notification-good-border-color); border-radius: 3px; - box-shadow: 0 0 5px #ddd; + box-shadow: 0 0 5px var(--notification-box-shadow-color); text-align: center; font-weight: bold; vertical-align: middle; } .notification.good { - background: #ffe; - color: #c95; - border: 1px solid #eeb; + background-color: var(--notification-good-background-color); + color: var(--notification-good-font-color); + border: 1px solid var(--notification-good-border-color); } .notification.bad { - background: #fdd; - color: #844; - border: 1px solid #ecc; + background-color: var(--notification-bad-background-color); + color: var(--notification-bad-font-color); + border: 1px solid var(--notification-bad-border-color); } .notification.good a.close:hover { - background: #eeb; + background-color: var(--notification-good-border-color); } .notification.bad a.close:hover { - background: #ecc; + background-color: var(--notification-bad-border-color); } /*=== "Load more" part */ #bigMarkAsRead { - background: #fafafa; - color: #666; + background-color: var(--background-color-grey-light); + color: var(--font-color-grey); text-align: center; text-decoration: none; } #bigMarkAsRead:hover { - background: #f0f0f0; - color: #000; -} - -#bigMarkAsRead:hover .bigTick { - /* text-shadow: 0 0 10px #666;*/ + background-color: var(--background-color-grey-hover); + color: var(--font-color-hover); } /*=== Navigation menu (for articles) */ #nav_entries { margin: 0; - background: #fff; - border-top: 1px solid #ddd; + background-color: var(--background-color-white); + border-top: 1px solid var(--border-color-grey-light); text-align: center; line-height: 3; table-layout: fixed; } #nav_entries .item:hover { - background: #eee ; + background-color: var(--background-color-grey-hover); } /*=== READER VIEW */ /*================*/ #stream.reader .flux { - background: #fafafa; - color: #41444f; + background-color: var(--background-color-grey-light); + color: var(--font-color-article); border: none; } #stream.reader .flux .content { - background-color: #fff; - border-color: #ddd; + background-color: var(--background-color-white); + border-color: var(--border-color-grey-light); } #stream.reader .flux .author { margin: 0 0 10px; - color: #666; + color: var(--font-color-grey); font-size: 90%; } @@ -931,19 +1007,17 @@ a.signin { } .box.category:not([data-unread="0"]) .box-title { - background: #5bc0de; + background-color: var(--background-color-category); } .box.category:not([data-unread="0"]) .box-title .title { font-weight: bold; - color: #fff; + color: var(--font-color-white); } .box.category .title:not([data-unread="0"])::after { background: none; - border: 0; - box-shadow: none; - text-shadow: none; + border: none; } /*=== DIVERS */ @@ -975,7 +1049,7 @@ a.signin { .stat > table td, .stat > table th { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid var(--border-color-grey-light); text-align: center; } @@ -991,15 +1065,11 @@ a.signin { transition: width 200ms linear; } - .aside:target { - box-shadow: -3px 0 3px #aaa; - } - .aside .toggle_aside, #panel .close, .dropdown-menu .toggle_aside { - background: #f6f6f6; - border-bottom: 1px solid #ddd; + background-color: var(--background-color-grey); + border-bottom: 1px solid var(--border-color-grey-light); } .aside.aside_feed { @@ -1035,8 +1105,8 @@ a.signin { } .dropdown-target:target ~ .dropdown-toggle::after { - border-top: 1px solid #aaa; - border-right: 1px solid #aaa; + border-top: 1px solid var(--border-color-grey-dark); + border-right: 1px solid var(--border-color-grey-dark); } .day .name { -- cgit v1.2.3 From f41a574a9f693d81c6eabff7a05ebf3648858d5b Mon Sep 17 00:00:00 2001 From: maTh Date: Wed, 30 Nov 2022 20:45:11 +0100 Subject: article header: alignment of favicon/tags (#4910) --- p/themes/base-theme/frss.css | 3 ++- p/themes/base-theme/frss.rtl.css | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) (limited to 'p') diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 50671f556..973229fa3 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -1330,8 +1330,9 @@ a.website:hover .favicon { } .content > header .tags .icon, +.content > header .website .favicon, .content > footer .tags .icon { - padding: 0 1rem 0 0; + margin: 0 0.5rem 0 0; line-height: 1.5; } diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index cb76b53ca..fe9706bb6 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -1330,8 +1330,9 @@ a.website:hover .favicon { } .content > header .tags .icon, +.content > header .website .favicon, .content > footer .tags .icon { - padding: 0 0 0 1rem; + margin: 0 0 0 0.5rem; line-height: 1.5; } -- cgit v1.2.3 From 60ffdb0580a0461815a0792dd36d5067b7698b28 Mon Sep 17 00:00:00 2001 From: maTh Date: Wed, 7 Dec 2022 14:42:58 +0100 Subject: Fix: Swage theme (#4922) * fix link color * fix nav menu alignment --- p/themes/Swage/swage.css | 3 ++- p/themes/Swage/swage.rtl.css | 3 ++- p/themes/Swage/swage.scss | 3 ++- 3 files changed, 6 insertions(+), 3 deletions(-) (limited to 'p') diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 4f5811144..cb7cd6116 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -87,7 +87,7 @@ body { } a { - color: var(--color-nav-lighter); + color: var(--color-text-nav); outline: none; } a.btn { @@ -719,6 +719,7 @@ form th { width: 100%; font-size: 0; background-color: var(--color-background-nav); + text-align: left; position: sticky; top: 0; z-index: 90; diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 32367ee96..5085e1061 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -87,7 +87,7 @@ body { } a { - color: var(--color-nav-lighter); + color: var(--color-text-nav); outline: none; } a.btn { @@ -719,6 +719,7 @@ form th { width: 100%; font-size: 0; background-color: var(--color-background-nav); + text-align: right; position: sticky; top: 0; z-index: 90; diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index 9d205b7c4..a11d0c760 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -106,7 +106,7 @@ body { } a { - color: var(--color-nav-lighter); + color: var(--color-text-nav); outline: none; &.btn { @@ -931,6 +931,7 @@ form { width: 100%; font-size: 0; background-color: var(--color-background-nav); + text-align: left; position: sticky; top: 0; z-index: 90; -- cgit v1.2.3 From a501cc88e7cf78cd5f39b4c1c29b9fcb38ac71a4 Mon Sep 17 00:00:00 2001 From: maTh Date: Wed, 7 Dec 2022 14:46:53 +0100 Subject: fix: Text overflow in article summary (#4923) --- p/themes/base-theme/frss.css | 1 + p/themes/base-theme/frss.rtl.css | 1 + 2 files changed, 2 insertions(+) (limited to 'p') diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 973229fa3..fd7f2736a 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -1241,6 +1241,7 @@ a.website:hover .favicon { color: var(--frss-font-color-grey-dark); font-size: 0.9rem; font-weight: normal; + overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index fe9706bb6..9916354d7 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -1241,6 +1241,7 @@ a.website:hover .favicon { color: var(--frss-font-color-grey-dark); font-size: 0.9rem; font-weight: normal; + overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -- cgit v1.2.3 From ed578f224c4ab80ae6689c7fca3f9f7b12c13428 Mon Sep 17 00:00:00 2001 From: Alexandre Alapetite Date: Thu, 8 Dec 2022 10:25:57 +0100 Subject: Security fix in ext.php (#4928) Details later. Due to https://github.com/FreshRSS/FreshRSS/pull/3433 (1.18.0) --- p/ext.php | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'p') diff --git a/p/ext.php b/p/ext.php index b4d32f7ed..2979e2365 100644 --- a/p/ext.php +++ b/p/ext.php @@ -101,7 +101,8 @@ if (!isset($_GET['f']) || $file_name = urldecode($_GET['f']); $file_type = $_GET['t']; -if (empty(SUPPORTED_TYPES[$file_type])) { +if (empty(SUPPORTED_TYPES[$file_type]) || + empty(SUPPORTED_TYPES[pathinfo($file_name, PATHINFO_EXTENSION)])) { sendBadRequestResponse('File type is not supported.'); } -- cgit v1.2.3 From f8ba54a3dffcab19fd3e2f8c5ea299a803c77fe3 Mon Sep 17 00:00:00 2001 From: maTh Date: Mon, 12 Dec 2022 20:46:15 +0100 Subject: Fixed: up.svg in Ansum/Mapco theme (#4938) --- p/themes/Ansum/icons/up.svg | 60 ++------------------------------------------- p/themes/Mapco/icons/up.svg | 4 +-- 2 files changed, 4 insertions(+), 60 deletions(-) (limited to 'p') diff --git a/p/themes/Ansum/icons/up.svg b/p/themes/Ansum/icons/up.svg index 306b076e9..631ef9fdb 100644 --- a/p/themes/Ansum/icons/up.svg +++ b/p/themes/Ansum/icons/up.svg @@ -1,59 +1,3 @@ - - - - - - image/svg+xml - - - - - - - - - - + + diff --git a/p/themes/Mapco/icons/up.svg b/p/themes/Mapco/icons/up.svg index 65da6b1a7..b5baff62f 100644 --- a/p/themes/Mapco/icons/up.svg +++ b/p/themes/Mapco/icons/up.svg @@ -1,3 +1,3 @@ - - + + -- cgit v1.2.3 From 695d6de362f74decd2df0186adb25f7eb8fe3184 Mon Sep 17 00:00:00 2001 From: maTh Date: Mon, 12 Dec 2022 20:47:15 +0100 Subject: fix: Swage theme (#4936) --- p/themes/Swage/swage.css | 4 +++- p/themes/Swage/swage.rtl.css | 4 +++- p/themes/Swage/swage.scss | 2 +- 3 files changed, 7 insertions(+), 3 deletions(-) (limited to 'p') diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index cb7cd6116..105725971 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -60,7 +60,7 @@ select:invalid { font-size: 0.9rem; } -.dropdown-menu > .item > a, +.dropdown-menu > .item a, .dropdown-menu > .item > span, .dropdown-menu > .item > .as-link, .dropdown-menu > .item button, .dropdown-menu > .item { @@ -203,6 +203,7 @@ form th { } .form-group .group-name { padding: 10px 0; + text-align: right; } .form-group .group-controls { min-height: 25px; @@ -911,6 +912,7 @@ 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 5085e1061..3d6c6910e 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -60,7 +60,7 @@ select:invalid { font-size: 0.9rem; } -.dropdown-menu > .item > a, +.dropdown-menu > .item a, .dropdown-menu > .item > span, .dropdown-menu > .item > .as-link, .dropdown-menu > .item button, .dropdown-menu > .item { @@ -203,6 +203,7 @@ form th { } .form-group .group-name { padding: 10px 0; + text-align: left; } .form-group .group-controls { min-height: 25px; @@ -911,6 +912,7 @@ a.signin { } .form-group .group-name { padding-bottom: 0; + text-align: right; } .dropdown { position: relative; diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index a11d0c760..b7eec76e7 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -439,7 +439,7 @@ form { @extend %dropdown; padding: 0 0 0 0.5rem; - > a, + a, > span, > .as-link, button { -- cgit v1.2.3 From e072411bafc4d0177835c68d9cb12341540ce554 Mon Sep 17 00:00:00 2001 From: maTh Date: Mon, 12 Dec 2022 20:50:32 +0100 Subject: Improved: Header (#4927) * all themes * fix --- p/themes/Alternative-Dark/adark.css | 10 +++---- p/themes/Alternative-Dark/adark.rtl.css | 10 +++---- p/themes/Ansum/_layout.scss | 25 +++++++---------- p/themes/Ansum/_mobile.scss | 8 +++++- p/themes/Ansum/ansum.css | 29 +++++++++----------- p/themes/Ansum/ansum.rtl.css | 29 +++++++++----------- p/themes/Dark-pink/pinkdark.css | 4 +++ p/themes/Dark-pink/pinkdark.rtl.css | 4 +++ p/themes/Dark/dark.css | 9 +++---- p/themes/Dark/dark.rtl.css | 9 +++---- p/themes/Flat/flat.css | 5 ++-- p/themes/Flat/flat.rtl.css | 5 ++-- p/themes/Mapco/_layout.scss | 30 +++++++-------------- p/themes/Mapco/_mobile.scss | 8 +++++- p/themes/Mapco/mapco.css | 34 ++++++++++-------------- p/themes/Mapco/mapco.rtl.css | 34 ++++++++++-------------- p/themes/Nord/nord.css | 29 +++++++++++++++----- p/themes/Nord/nord.rtl.css | 29 +++++++++++++++----- p/themes/Origine-compact/origine-compact.css | 4 +++ p/themes/Origine-compact/origine-compact.rtl.css | 4 +++ p/themes/Origine/origine.css | 8 +++--- p/themes/Origine/origine.rtl.css | 8 +++--- p/themes/Pafat/pafat.css | 4 +++ p/themes/Pafat/pafat.rtl.css | 4 +++ p/themes/Swage/swage.css | 6 +++++ p/themes/Swage/swage.rtl.css | 6 +++++ p/themes/Swage/swage.scss | 10 +++++++ p/themes/base-theme/base.css | 5 ---- p/themes/base-theme/base.rtl.css | 5 ---- p/themes/base-theme/frss.css | 22 ++++++++++++--- p/themes/base-theme/frss.rtl.css | 22 ++++++++++++--- 31 files changed, 246 insertions(+), 173 deletions(-) (limited to 'p') diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index 51eb01d0c..4c996986c 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -540,21 +540,19 @@ kbd { } .header > .item { - padding: 10px; border-bottom: 1px solid var(--border-color-dark); vertical-align: middle; text-align: center; } -.header > .item.title { - width: 230px; -} - .header > .item.title .logo { - margin: 0.5em 0; filter: grayscale(100%) brightness(2.5); } +.header > .item.title a:hover .logo { + filter: grayscale(100%) brightness(2.8); +} + .header > .item.search input { width: 230px; } diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index 2f994d178..85c4ecc62 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -540,21 +540,19 @@ kbd { } .header > .item { - padding: 10px; border-bottom: 1px solid var(--border-color-dark); vertical-align: middle; text-align: center; } -.header > .item.title { - width: 230px; -} - .header > .item.title .logo { - margin: 0.5em 0; filter: grayscale(100%) brightness(2.5); } +.header > .item.title a:hover .logo { + filter: grayscale(100%) brightness(2.8); +} + .header > .item.search input { width: 230px; } diff --git a/p/themes/Ansum/_layout.scss b/p/themes/Ansum/_layout.scss index ab7ec6e3e..76280d7a7 100644 --- a/p/themes/Ansum/_layout.scss +++ b/p/themes/Ansum/_layout.scss @@ -6,25 +6,24 @@ /*===============*/ /*=== Header */ .header { - padding: 0.5rem 1.35rem; background: variables.$sid-bg; - display: block; - width: auto; - height: 3.5rem; - table-layout: none; .item { vertical-align: middle; &.title { - width: 280px; - font-weight: 400; - a { - img { - margin: 0.6em 0 0.3em; + padding: 0.5rem 1rem; + + .logo { filter: invert(80%); } + + &:hover { + .logo { + filter: invert(80%) opacity(80%); + } + } } } @@ -81,10 +80,6 @@ } &.configure { - width: 3rem; - position: absolute; - right: 1rem; - top: 1rem; text-align: center; .btn { @@ -97,7 +92,7 @@ /*=== Body */ #global { - height: calc(100% - 3.5rem); + height: calc(100vh - (calc(3rem + 2 * var(--frss-padding-top-bottom)))); } /*=== Prompt (centered) */ diff --git a/p/themes/Ansum/_mobile.scss b/p/themes/Ansum/_mobile.scss index af9a82190..bb13a0e83 100644 --- a/p/themes/Ansum/_mobile.scss +++ b/p/themes/Ansum/_mobile.scss @@ -35,7 +35,7 @@ } .header { - padding: 0.5rem; + display: block; height: 8rem; .item { @@ -65,6 +65,12 @@ padding: 0.5rem 2rem; } } + + &.configure { + position: absolute; + top: 0; + right: 0; + } } } diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index 4d761c272..baf47f47f 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -650,24 +650,20 @@ form th { /*===============*/ /*=== Header */ .header { - padding: 0.5rem 1.35rem; background: #fbf9f6; - display: block; - width: auto; - height: 3.5rem; - table-layout: none; } .header .item { vertical-align: middle; } -.header .item.title { - width: 280px; - font-weight: 400; +.header .item.title a { + padding: 0.5rem 1rem; } -.header .item.title a img { - margin: 0.6em 0 0.3em; +.header .item.title a .logo { filter: invert(80%); } +.header .item.title a:hover .logo { + filter: invert(80%) opacity(80%); +} .header .item.search input { width: 230px; color: #363330; @@ -709,10 +705,6 @@ form th { filter: brightness(3); } .header .item.configure { - width: 3rem; - position: absolute; - right: 1rem; - top: 1rem; text-align: center; } .header .item.configure .btn { @@ -722,7 +714,7 @@ form th { /*=== Body */ #global { - height: calc(100% - 3.5rem); + height: calc(100vh - (3rem + 2 * var(--frss-padding-top-bottom))); } /*=== Prompt (centered) */ @@ -1199,7 +1191,7 @@ main.prompt { filter: grayscale(100%) brightness(2.5); } .header { - padding: 0.5rem; + display: block; height: 8rem; } .header .item.search { @@ -1222,6 +1214,11 @@ main.prompt { min-height: 49px; padding: 0.5rem 2rem; } + .header .item.configure { + position: absolute; + top: 0; + right: 0; + } #global { height: calc(100% - 8rem); } diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index 936f2cf6d..ac38ced4a 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -650,24 +650,20 @@ form th { /*===============*/ /*=== Header */ .header { - padding: 0.5rem 1.35rem; background: #fbf9f6; - display: block; - width: auto; - height: 3.5rem; - table-layout: none; } .header .item { vertical-align: middle; } -.header .item.title { - width: 280px; - font-weight: 400; +.header .item.title a { + padding: 0.5rem 1rem; } -.header .item.title a img { - margin: 0.6em 0 0.3em; +.header .item.title a .logo { filter: invert(80%); } +.header .item.title a:hover .logo { + filter: invert(80%) opacity(80%); +} .header .item.search input { width: 230px; color: #363330; @@ -709,10 +705,6 @@ form th { filter: brightness(3); } .header .item.configure { - width: 3rem; - position: absolute; - left: 1rem; - top: 1rem; text-align: center; } .header .item.configure .btn { @@ -722,7 +714,7 @@ form th { /*=== Body */ #global { - height: calc(100% - 3.5rem); + height: calc(100vh - (3rem + 2 * var(--frss-padding-top-bottom))); } /*=== Prompt (centered) */ @@ -1199,7 +1191,7 @@ main.prompt { filter: grayscale(100%) brightness(2.5); } .header { - padding: 0.5rem; + display: block; height: 8rem; } .header .item.search { @@ -1222,6 +1214,11 @@ main.prompt { min-height: 49px; padding: 0.5rem 2rem; } + .header .item.configure { + position: absolute; + top: 0; + left: 0; + } #global { height: calc(100% - 8rem); } diff --git a/p/themes/Dark-pink/pinkdark.css b/p/themes/Dark-pink/pinkdark.css index ac418d7cf..1d8e6e855 100644 --- a/p/themes/Dark-pink/pinkdark.css +++ b/p/themes/Dark-pink/pinkdark.css @@ -91,6 +91,10 @@ input:focus { filter: sepia(62%) brightness(107%) hue-rotate(315deg) saturate(248%) contrast(104%) invert(100%); } +.header > .item.title a:hover .logo { + filter: sepia(62%) brightness(70%) hue-rotate(315deg) saturate(248%) contrast(104%) invert(100%); +} + .icon[src*="/all"], .icon[src*="/down"], .icon[src*="/help"], diff --git a/p/themes/Dark-pink/pinkdark.rtl.css b/p/themes/Dark-pink/pinkdark.rtl.css index 748e83c49..03161d0b0 100644 --- a/p/themes/Dark-pink/pinkdark.rtl.css +++ b/p/themes/Dark-pink/pinkdark.rtl.css @@ -91,6 +91,10 @@ input:focus { filter: sepia(62%) brightness(107%) hue-rotate(315deg) saturate(248%) contrast(104%) invert(100%); } +.header > .item.title a:hover .logo { + filter: sepia(62%) brightness(70%) hue-rotate(315deg) saturate(248%) contrast(104%) invert(100%); +} + .icon[src*="/all"], .icon[src*="/down"], .icon[src*="/help"], diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index 5589eb558..9390ae67d 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -529,20 +529,19 @@ a.btn { /*===============*/ /*=== Header */ .header > .item { - padding: 10px; vertical-align: middle; text-align: center; border-bottom: 1px solid #333; } -.header > .item.title { - width: 230px; -} - .header > .item.title .logo { filter: grayscale(60%) brightness(1.1); } +.header > .item.title a:hover .logo { + filter: grayscale(60%) brightness(1.5); +} + .header > .item.search input { width: 230px; } diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index a2493c4ac..c223edbae 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -529,20 +529,19 @@ a.btn { /*===============*/ /*=== Header */ .header > .item { - padding: 10px; vertical-align: middle; text-align: center; border-bottom: 1px solid #333; } -.header > .item.title { - width: 230px; -} - .header > .item.title .logo { filter: grayscale(60%) brightness(1.1); } +.header > .item.title a:hover .logo { + filter: grayscale(60%) brightness(1.5); +} + .header > .item.search input { width: 230px; } diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index e2309c970..0abda3f01 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -531,13 +531,12 @@ a.btn { } .header > .item { - padding: 10px; vertical-align: middle; text-align: center; } -.header > .item.title { - width: 230px; +.header > .item.title a:hover .logo { + filter: brightness(1.5); } .header > .item.title h1 { diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index 39c1e9b4c..f43ccc6d5 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -531,13 +531,12 @@ a.btn { } .header > .item { - padding: 10px; vertical-align: middle; text-align: center; } -.header > .item.title { - width: 230px; +.header > .item.title a:hover .logo { + filter: brightness(1.5); } .header > .item.title h1 { diff --git a/p/themes/Mapco/_layout.scss b/p/themes/Mapco/_layout.scss index b1cae52f1..1bd719842 100644 --- a/p/themes/Mapco/_layout.scss +++ b/p/themes/Mapco/_layout.scss @@ -6,29 +6,23 @@ /*===============*/ /*=== Header */ .header { - padding: 0.5rem 1.35rem; background: variables.$sid-bg; - display: block; - width: auto; - height: 3.5rem; - table-layout: none; - - .logo { - margin: 11px 0 5px; - filter: grayscale(100%) brightness(100); - } .item { vertical-align: middle; &.title { - width: 280px; + a { + padding: 0.5rem 1rem; - font-weight: 400; + .logo { + filter: grayscale(100%) brightness(3); + } - a { - img { - margin-right: 0.5rem; + &:hover { + .logo { + filter: grayscale(100%) brightness(2.2); + } } } } @@ -82,10 +76,6 @@ } &.configure { - width: 3rem; - position: absolute; - right: 1rem; - top: 1rem; text-align: center; .btn .icon, @@ -107,7 +97,7 @@ /*=== Body */ #global { - height: calc(100% - 3.5rem); + height: calc(100vh - (calc(3rem + 2 * var(--frss-padding-top-bottom)))); } /*=== Prompt (centered) */ diff --git a/p/themes/Mapco/_mobile.scss b/p/themes/Mapco/_mobile.scss index 542d8649e..6960873bf 100644 --- a/p/themes/Mapco/_mobile.scss +++ b/p/themes/Mapco/_mobile.scss @@ -35,7 +35,7 @@ } .header { - padding: 0.5rem; + display: block; height: 8rem; .item { @@ -61,6 +61,12 @@ } } + &.configure { + position: absolute; + top: 0; + right: 0; + } + } } diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 6a0592b82..23df81fff 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -664,26 +664,19 @@ form th { /*===============*/ /*=== Header */ .header { - padding: 0.5rem 1.35rem; background: #303136; - display: block; - width: auto; - height: 3.5rem; - table-layout: none; -} -.header .logo { - margin: 11px 0 5px; - filter: grayscale(100%) brightness(100); } .header .item { vertical-align: middle; } -.header .item.title { - width: 280px; - font-weight: 400; +.header .item.title a { + padding: 0.5rem 1rem; +} +.header .item.title a .logo { + filter: grayscale(100%) brightness(3); } -.header .item.title a img { - margin-right: 0.5rem; +.header .item.title a:hover .logo { + filter: grayscale(100%) brightness(2.2); } .header .item.search input { width: 230px; @@ -723,10 +716,6 @@ form th { filter: brightness(3); } .header .item.configure { - width: 3rem; - position: absolute; - right: 1rem; - top: 1rem; text-align: center; } .header .item.configure .btn .icon, @@ -743,7 +732,7 @@ form th { /*=== Body */ #global { - height: calc(100% - 3.5rem); + height: calc(100vh - (3rem + 2 * var(--frss-padding-top-bottom))); } /*=== Prompt (centered) */ @@ -1219,7 +1208,7 @@ main.prompt { filter: grayscale(100%) brightness(2.5); } .header { - padding: 0.5rem; + display: block; height: 8rem; } .header .item.search { @@ -1238,6 +1227,11 @@ main.prompt { .header .item.search input:focus { width: 100%; } + .header .item.configure { + position: absolute; + top: 0; + right: 0; + } #global { height: calc(100% - 8rem); } diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index 141d3f312..0ed0a58df 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -664,26 +664,19 @@ form th { /*===============*/ /*=== Header */ .header { - padding: 0.5rem 1.35rem; background: #303136; - display: block; - width: auto; - height: 3.5rem; - table-layout: none; -} -.header .logo { - margin: 11px 0 5px; - filter: grayscale(100%) brightness(100); } .header .item { vertical-align: middle; } -.header .item.title { - width: 280px; - font-weight: 400; +.header .item.title a { + padding: 0.5rem 1rem; +} +.header .item.title a .logo { + filter: grayscale(100%) brightness(3); } -.header .item.title a img { - margin-left: 0.5rem; +.header .item.title a:hover .logo { + filter: grayscale(100%) brightness(2.2); } .header .item.search input { width: 230px; @@ -723,10 +716,6 @@ form th { filter: brightness(3); } .header .item.configure { - width: 3rem; - position: absolute; - left: 1rem; - top: 1rem; text-align: center; } .header .item.configure .btn .icon, @@ -743,7 +732,7 @@ form th { /*=== Body */ #global { - height: calc(100% - 3.5rem); + height: calc(100vh - (3rem + 2 * var(--frss-padding-top-bottom))); } /*=== Prompt (centered) */ @@ -1219,7 +1208,7 @@ main.prompt { filter: grayscale(100%) brightness(2.5); } .header { - padding: 0.5rem; + display: block; height: 8rem; } .header .item.search { @@ -1238,6 +1227,11 @@ main.prompt { .header .item.search input:focus { width: 100%; } + .header .item.configure { + position: absolute; + top: 0; + left: 0; + } #global { height: calc(100% - 8rem); } diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css index 8ce9727a3..59d7e0aed 100644 --- a/p/themes/Nord/nord.css +++ b/p/themes/Nord/nord.css @@ -188,6 +188,25 @@ a.btn { opacity: .8; cursor: pointer; } + +.stick input { + margin: 0 5px 0 0; +} + +.stick .btn { + margin-top: 0; + margin-bottom: 0; +} + +.stick { + margin: 0 5px; +} + +.header .stick, +.header .btn { + margin: 0 +} + /*=== Navigation */ .nav-list .nav-header, .nav-list .item { @@ -425,16 +444,10 @@ img.favicon { /*===============*/ /*=== Header */ .header > .item { - padding: 10px; vertical-align: middle; text-align: center; } - -.header > .item.title { - width: 230px; -} - .header > .item.title h1 { margin: 0.5em 0; } @@ -455,6 +468,10 @@ img.favicon { filter: grayscale(100%) brightness(2.5); } +.header > .item.title a:hover .logo { + filter: grayscale(85%) brightness(2.5); +} + /*=== Body */ .aside { background-color: var(--accent-bg); diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css index f7b0c4a64..d3246ae55 100644 --- a/p/themes/Nord/nord.rtl.css +++ b/p/themes/Nord/nord.rtl.css @@ -188,6 +188,25 @@ a.btn { opacity: .8; cursor: pointer; } + +.stick input { + margin: 0 0 0 5px; +} + +.stick .btn { + margin-top: 0; + margin-bottom: 0; +} + +.stick { + margin: 0 5px; +} + +.header .stick, +.header .btn { + margin: 0 +} + /*=== Navigation */ .nav-list .nav-header, .nav-list .item { @@ -425,16 +444,10 @@ img.favicon { /*===============*/ /*=== Header */ .header > .item { - padding: 10px; vertical-align: middle; text-align: center; } - -.header > .item.title { - width: 230px; -} - .header > .item.title h1 { margin: 0.5em 0; } @@ -455,6 +468,10 @@ img.favicon { filter: grayscale(100%) brightness(2.5); } +.header > .item.title a:hover .logo { + filter: grayscale(85%) brightness(2.5); +} + /*=== Body */ .aside { background-color: var(--accent-bg); diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css index e70482d57..f5de75adc 100644 --- a/p/themes/Origine-compact/origine-compact.css +++ b/p/themes/Origine-compact/origine-compact.css @@ -57,6 +57,10 @@ a.btn, height: calc(2.1rem + 2 * var(--frss-padding-top-bottom)); } +.header > .item.title a { + padding: 0 1rem; +} + .header > .item.title .logo { /* logo is smaller than needed */ height: 1.5rem; diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css index d6f7e49bd..b1ac6fb54 100644 --- a/p/themes/Origine-compact/origine-compact.rtl.css +++ b/p/themes/Origine-compact/origine-compact.rtl.css @@ -57,6 +57,10 @@ a.btn, height: calc(2.1rem + 2 * var(--frss-padding-top-bottom)); } +.header > .item.title a { + padding: 0 1rem; +} + .header > .item.title .logo { /* logo is smaller than needed */ height: 1.5rem; diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 0029d535a..4c52cd28a 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -651,6 +651,10 @@ a:hover .icon { width: 300px; } +.header > .item.title a:hover .logo { + filter: brightness(1.4); +} + .header > .item.search input { width: 230px; } @@ -660,10 +664,6 @@ a:hover .icon { } /*=== Body */ -#global { - height: calc(100vh - 4rem); -} - .aside { background-color: var(--background-color-light); border-right: 1px solid var(--border-color); diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 7bd49738e..2d7b9197f 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -651,6 +651,10 @@ a:hover .icon { width: 300px; } +.header > .item.title a:hover .logo { + filter: brightness(1.4); +} + .header > .item.search input { width: 230px; } @@ -660,10 +664,6 @@ a:hover .icon { } /*=== Body */ -#global { - height: calc(100vh - 4rem); -} - .aside { background-color: var(--background-color-light); border-left: 1px solid var(--border-color); diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index c863929cf..a20d03405 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -592,6 +592,10 @@ a.btn { filter: grayscale(100%) brightness(2.5); } +.header > .item.title a:hover .logo { + filter: grayscale(100%) brightness(4); +} + a.signin { text-decoration: none; color: var(--font-color-grey-light); diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 7677a92db..c70bbd6aa 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -592,6 +592,10 @@ a.btn { filter: grayscale(100%) brightness(2.5); } +.header > .item.title a:hover .logo { + filter: grayscale(100%) brightness(4); +} + a.signin { text-decoration: none; color: var(--font-color-grey-light); diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 105725971..aa6527e49 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -570,6 +570,12 @@ form th { position: absolute; text-align: center; } +.header > .item.title a { + padding: 0 1rem; +} +.header > .item.title a:hover .logo { + filter: grayscale(100%) brightness(100) opacity(90%); +} .header > .item.title .logo { display: inline-block; height: 26px; diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 3d6c6910e..ab311bb31 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -570,6 +570,12 @@ form th { position: absolute; text-align: center; } +.header > .item.title a { + padding: 0 1rem; +} +.header > .item.title a:hover .logo { + filter: grayscale(100%) brightness(100) opacity(90%); +} .header > .item.title .logo { display: inline-block; height: 26px; diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index b7eec76e7..be9fc9ad2 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -729,6 +729,16 @@ form { position: absolute; text-align: center; + a { + padding: 0 1rem; + + &:hover { + .logo { + filter: grayscale(100%) brightness(100) opacity(90%); + } + } + } + .logo { display: inline-block; height: 26px; diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css index 76f53bd2b..faa916185 100644 --- a/p/themes/base-theme/base.css +++ b/p/themes/base-theme/base.css @@ -394,15 +394,10 @@ a.btn { } .header > .item { - padding: 10px; vertical-align: middle; text-align: center; } -.header > .item.title { - width: 230px; -} - .header > .item.title h1 { margin: 0.5em 0; } diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css index 4b34fe63a..12c319638 100644 --- a/p/themes/base-theme/base.rtl.css +++ b/p/themes/base-theme/base.rtl.css @@ -394,15 +394,10 @@ a.btn { } .header > .item { - padding: 10px; vertical-align: middle; text-align: center; } -.header > .item.title { - width: 230px; -} - .header > .item.title h1 { margin: 0.5em 0; } diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index fd7f2736a..b8b1f384d 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -1006,7 +1006,7 @@ li.drag-hover { .header { display: table; width: 100%; - height: calc(2rem + 2 * var(--frss-padding-top-bottom)); + height: calc(2.5rem + 2 * var(--frss-padding-top-bottom)); table-layout: fixed; } @@ -1017,7 +1017,8 @@ li.drag-hover { } .header > .item.title { - width: 250px; + width: 300px; + text-align: center; white-space: nowrap; } @@ -1025,12 +1026,22 @@ li.drag-hover { display: inline-block; } +.header > .item.title a { + padding: 0.25rem 1rem; + display: inline-block; +} + .header > .item.title .logo { display: inline-block; height: 2rem; vertical-align: middle; } +.header > .item.title a:hover .logo { + filter: brightness(1.4); + transition: filter 0.1s linear; +} + .header > .item.configure { width: 100px; } @@ -1044,7 +1055,7 @@ input[type="search"] { background: inherit; display: table; width: 100%; - height: calc(100vh - (calc(2rem + 2 * var(--frss-padding-top-bottom)))); + height: calc(100vh - (calc(2.5rem + 2 * var(--frss-padding-top-bottom) + 1px))); table-layout: fixed; } @@ -1966,6 +1977,11 @@ input:checked + .slide-container .properties { padding: 5px; } + .header > .item.title { + width: 75%; + text-align: left; + } + .header > .item.title .logo { height: 24px; } diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 9916354d7..6bd36a646 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -1006,7 +1006,7 @@ li.drag-hover { .header { display: table; width: 100%; - height: calc(2rem + 2 * var(--frss-padding-top-bottom)); + height: calc(2.5rem + 2 * var(--frss-padding-top-bottom)); table-layout: fixed; } @@ -1017,7 +1017,8 @@ li.drag-hover { } .header > .item.title { - width: 250px; + width: 300px; + text-align: center; white-space: nowrap; } @@ -1025,12 +1026,22 @@ li.drag-hover { display: inline-block; } +.header > .item.title a { + padding: 0.25rem 1rem; + display: inline-block; +} + .header > .item.title .logo { display: inline-block; height: 2rem; vertical-align: middle; } +.header > .item.title a:hover .logo { + filter: brightness(1.4); + transition: filter 0.1s linear; +} + .header > .item.configure { width: 100px; } @@ -1044,7 +1055,7 @@ input[type="search"] { background: inherit; display: table; width: 100%; - height: calc(100vh - (calc(2rem + 2 * var(--frss-padding-top-bottom)))); + height: calc(100vh - (calc(2.5rem + 2 * var(--frss-padding-top-bottom) + 1px))); table-layout: fixed; } @@ -1966,6 +1977,11 @@ input:checked + .slide-container .properties { padding: 5px; } + .header > .item.title { + width: 75%; + text-align: right; + } + .header > .item.title .logo { height: 24px; } -- cgit v1.2.3 From 6131aa4479a51862c28d4da693bb1fe5d2c47e24 Mon Sep 17 00:00:00 2001 From: maTh Date: Wed, 28 Dec 2022 23:06:03 +0100 Subject: fix: Misalignment of "There are no articles to show" box (#4959) --- p/themes/Alternative-Dark/adark.css | 2 -- p/themes/Alternative-Dark/adark.rtl.css | 2 -- p/themes/Ansum/_components.scss | 3 --- p/themes/Ansum/ansum.css | 6 +----- p/themes/Ansum/ansum.rtl.css | 4 +--- p/themes/BlueLagoon/BlueLagoon.css | 2 -- p/themes/BlueLagoon/BlueLagoon.rtl.css | 2 -- p/themes/Dark/dark.css | 2 -- p/themes/Dark/dark.rtl.css | 2 -- p/themes/Flat/flat.css | 2 -- p/themes/Flat/flat.rtl.css | 2 -- p/themes/Mapco/_components.scss | 2 -- p/themes/Mapco/mapco.css | 6 +----- p/themes/Mapco/mapco.rtl.css | 4 +--- p/themes/Nord/nord.css | 2 -- p/themes/Nord/nord.rtl.css | 2 -- p/themes/Origine/origine.css | 2 -- p/themes/Origine/origine.rtl.css | 2 -- p/themes/Pafat/pafat.css | 2 -- p/themes/Pafat/pafat.rtl.css | 2 -- p/themes/Screwdriver/screwdriver.css | 2 -- p/themes/Screwdriver/screwdriver.rtl.css | 2 -- p/themes/Swage/swage.css | 7 ++----- p/themes/Swage/swage.rtl.css | 5 ++--- p/themes/Swage/swage.scss | 3 +-- p/themes/base-theme/base.css | 2 -- p/themes/base-theme/base.rtl.css | 2 -- p/themes/base-theme/frss.css | 2 ++ p/themes/base-theme/frss.rtl.css | 2 ++ 29 files changed, 13 insertions(+), 67 deletions(-) (limited to 'p') diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index 4c996986c..0ec0d9c4d 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -388,8 +388,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background-color: var(--background-color-dark); color: var(--font-color-middle); font-size: 0.9em; diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index 85c4ecc62..4ee49be44 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -388,8 +388,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background-color: var(--background-color-dark); color: var(--font-color-middle); font-size: 0.9em; diff --git a/p/themes/Ansum/_components.scss b/p/themes/Ansum/_components.scss index 001d31578..e35f90940 100644 --- a/p/themes/Ansum/_components.scss +++ b/p/themes/Ansum/_components.scss @@ -147,9 +147,6 @@ /*=== Alerts */ .alert { - margin: 1rem 0; - // width: 100%; - padding: 1rem; background: variables.$grey-lighter; color: variables.$grey-dark; font-size: 1rem; diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index baf47f47f..f67709b46 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -319,8 +319,6 @@ form th { /*=== Alerts */ .alert { - margin: 1rem 0; - padding: 1rem; background: #fcfaf8; color: #766556; font-size: 1rem; @@ -1314,6 +1312,4 @@ body.register { a, button.as-link { outline: none; color: #ca7227; -} - -/*# sourceMappingURL=ansum.css.map */ +} \ No newline at end of file diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index ac38ced4a..bb7d9947c 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -319,8 +319,6 @@ form th { /*=== Alerts */ .alert { - margin: 1rem 0; - padding: 1rem; background: #fcfaf8; color: #766556; font-size: 1rem; @@ -1314,4 +1312,4 @@ body.register { a, button.as-link { outline: none; color: #ca7227; -} +} \ No newline at end of file diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index 9cb9c488e..98e63b1e8 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -385,8 +385,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background: #f4f4f4; color: #aaa; font-size: 0.9em; diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index 0924bcbd8..43c572abd 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -385,8 +385,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background: #f4f4f4; color: #aaa; font-size: 0.9em; diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index 9390ae67d..6687f41f0 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -369,8 +369,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background: #111; color: #aaa; font-size: 0.9em; diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index c223edbae..9a17b0303 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -369,8 +369,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background: #111; color: #aaa; font-size: 0.9em; diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 0abda3f01..0dcef90fc 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -367,8 +367,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background: #f4f4f4; color: #aaa; font-size: 0.9em; diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index f43ccc6d5..c9fcff9a3 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -367,8 +367,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background: #f4f4f4; color: #aaa; font-size: 0.9em; diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss index 55542f2e7..01e08327f 100644 --- a/p/themes/Mapco/_components.scss +++ b/p/themes/Mapco/_components.scss @@ -134,8 +134,6 @@ /*=== Alerts */ .alert { - margin: 1rem 0; - padding: 1rem; background: variables.$grey-lighter; color: variables.$grey-dark; font-size: 1rem; diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 23df81fff..10708e535 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -309,8 +309,6 @@ form th { /*=== Alerts */ .alert { - margin: 1rem 0; - padding: 1rem; background: #f9fafb; color: #5b6871; font-size: 1rem; @@ -1332,6 +1330,4 @@ body.register { a, button.as-link { outline: none; color: #36c; -} - -/*# sourceMappingURL=mapco.css.map */ +} \ No newline at end of file diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index 0ed0a58df..86f0303cb 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -309,8 +309,6 @@ form th { /*=== Alerts */ .alert { - margin: 1rem 0; - padding: 1rem; background: #f9fafb; color: #5b6871; font-size: 1rem; @@ -1332,4 +1330,4 @@ body.register { a, button.as-link { outline: none; color: #36c; -} +} \ No newline at end of file diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css index 59d7e0aed..5658125b0 100644 --- a/p/themes/Nord/nord.css +++ b/p/themes/Nord/nord.css @@ -319,8 +319,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; font-size: 0.9em; border-radius: 6px; } diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css index d3246ae55..c94b3f0a0 100644 --- a/p/themes/Nord/nord.rtl.css +++ b/p/themes/Nord/nord.rtl.css @@ -319,8 +319,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; font-size: 0.9em; border-radius: 6px; } diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 4c52cd28a..009c89ab1 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -480,8 +480,6 @@ a:hover .icon { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background-color: var(--background-color-grey); color: var(--font-color-grey); font-size: 0.9em; diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 2d7b9197f..7247e6b6e 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -480,8 +480,6 @@ a:hover .icon { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background-color: var(--background-color-grey); color: var(--font-color-grey); font-size: 0.9em; diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index a20d03405..064d331bf 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -406,8 +406,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background-color: var(--background-color-grey); color: var(--font-color-grey); font-size: 0.9em; diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index c70bbd6aa..a6199e8ce 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -406,8 +406,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background-color: var(--background-color-grey); color: var(--font-color-grey); font-size: 0.9em; diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index c940afb76..75662404d 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -380,8 +380,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background: #f4f4f4; color: #aaa; font-size: 0.9em; diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index 6d1bbd90e..736fc642e 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -380,8 +380,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; background: #f4f4f4; color: #aaa; font-size: 0.9em; diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index aa6527e49..2c1de119a 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -367,8 +367,7 @@ form th { } .alert { - margin: 5px auto; - padding: 10px 15px; + margin: 0.25rem auto; background-color: var(--color-background-light); color: var(--color-text-light-darker); font-size: 0.9em; @@ -1170,6 +1169,4 @@ button.as-link { #slider label { min-height: initial; -} - -/*# sourceMappingURL=swage.css.map */ +} \ No newline at end of file diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index ab311bb31..79ef84c39 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -367,8 +367,7 @@ form th { } .alert { - margin: 5px auto; - padding: 10px 15px; + margin: 0.25rem auto; background-color: var(--color-background-light); color: var(--color-text-light-darker); font-size: 0.9em; @@ -1170,4 +1169,4 @@ button.as-link { #slider label { min-height: initial; -} +} \ No newline at end of file diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index be9fc9ad2..41221665c 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -489,8 +489,7 @@ form { } .alert { - margin: 5px auto; - padding: 10px 15px; + margin: 0.25rem auto; background-color: var(--color-background-light); color: var(--color-text-light-darker); font-size: 0.9em; diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css index faa916185..e569d4b41 100644 --- a/p/themes/base-theme/base.css +++ b/p/themes/base-theme/base.css @@ -264,8 +264,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; font-size: 0.9em; } diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css index 12c319638..89d5789d7 100644 --- a/p/themes/base-theme/base.rtl.css +++ b/p/themes/base-theme/base.rtl.css @@ -264,8 +264,6 @@ a.btn { /*=== Alerts */ .alert { - margin: 15px auto; - padding: 10px 15px; font-size: 0.9em; } diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index b8b1f384d..eb92d8e4f 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -712,6 +712,8 @@ input[type="checkbox"]:focus-visible { /*=== Alerts */ .alert { + margin: 1rem auto; + padding: 0.75rem 1rem; display: block; width: 90%; } diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 6bd36a646..b44ca08f1 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -712,6 +712,8 @@ input[type="checkbox"]:focus-visible { /*=== Alerts */ .alert { + margin: 1rem auto; + padding: 0.75rem 1rem; display: block; width: 90%; } -- cgit v1.2.3 From b64650801f852d8b5b39dbf36c79519d2cea4199 Mon Sep 17 00:00:00 2001 From: maTh Date: Wed, 28 Dec 2022 23:07:30 +0100 Subject: fix: notification box in mobile view (#4960) --- p/themes/base-theme/frss.css | 1 + p/themes/base-theme/frss.rtl.css | 1 + 2 files changed, 2 insertions(+) (limited to 'p') diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index eb92d8e4f..9b0917a56 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -2171,6 +2171,7 @@ input:checked + .slide-container .properties { } .notification { + padding: 0.75rem; top: 0; left: 0; right: 0; diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index b44ca08f1..4bf540b4b 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -2171,6 +2171,7 @@ input:checked + .slide-container .properties { } .notification { + padding: 0.75rem; top: 0; right: 0; left: 0; -- cgit v1.2.3 From 9cb0bbd0c11ac47410ca902e379d126ee8e3d85e Mon Sep 17 00:00:00 2001 From: maTh Date: Thu, 29 Dec 2022 00:02:52 +0100 Subject: fix: Ansum and Mapco: icons_as_emojis (#4966) --- p/themes/Ansum/_components.scss | 5 +++++ p/themes/Ansum/ansum.css | 4 ++++ p/themes/Ansum/ansum.rtl.css | 4 ++++ p/themes/Mapco/_components.scss | 5 +++++ p/themes/Mapco/mapco.css | 4 ++++ p/themes/Mapco/mapco.rtl.css | 4 ++++ 6 files changed, 26 insertions(+) (limited to 'p') diff --git a/p/themes/Ansum/_components.scss b/p/themes/Ansum/_components.scss index e35f90940..1d0dba033 100644 --- a/p/themes/Ansum/_components.scss +++ b/p/themes/Ansum/_components.scss @@ -57,6 +57,11 @@ font-size: 1rem; line-height: 2.5em; + span.icon { + padding: 0 0.25rem !important; + line-height: 1; + } + &:not(.addItem):hover { background: variables.$main-first; color: variables.$white; diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index f67709b46..f95266363 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -258,6 +258,10 @@ form th { font-size: 1rem; line-height: 2.5em; } +.dropdown-menu .item a span.icon, .dropdown-menu .item span span.icon, .dropdown-menu .item .as-link span.icon { + padding: 0 0.25rem !important; + line-height: 1; +} .dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #ca7227; color: #fff; diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index bb7d9947c..d382a7923 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -258,6 +258,10 @@ form th { font-size: 1rem; line-height: 2.5em; } +.dropdown-menu .item a span.icon, .dropdown-menu .item span span.icon, .dropdown-menu .item .as-link span.icon { + padding: 0 0.25rem !important; + line-height: 1; +} .dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #ca7227; color: #fff; diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss index 01e08327f..f54515ecf 100644 --- a/p/themes/Mapco/_components.scss +++ b/p/themes/Mapco/_components.scss @@ -57,6 +57,11 @@ font-size: 1rem; line-height: 2.5em; + span.icon { + padding: 0 0.25rem !important; + line-height: 1; + } + &:not(.addItem):hover { background: variables.$main-first; color: variables.$white; diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 10708e535..caa1fd5c0 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -257,6 +257,10 @@ form th { font-size: 1rem; line-height: 2.5em; } +.dropdown-menu .item a span.icon, .dropdown-menu .item span span.icon, .dropdown-menu .item .as-link span.icon { + padding: 0 0.25rem !important; + line-height: 1; +} .dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #36c; color: #fff; diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index 86f0303cb..85f0ae80e 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -257,6 +257,10 @@ form th { font-size: 1rem; line-height: 2.5em; } +.dropdown-menu .item a span.icon, .dropdown-menu .item span span.icon, .dropdown-menu .item .as-link span.icon { + padding: 0 0.25rem !important; + line-height: 1; +} .dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #36c; color: #fff; -- cgit v1.2.3 From 3c53125b01c118dbff75cc3e24cd75133d74ee24 Mon Sep 17 00:00:00 2001 From: maTh Date: Thu, 29 Dec 2022 16:05:09 +0100 Subject: fix: Ansum and Mapco: icons_as_emojis (better fix) (#4967) * fix * better fix * fix --- p/themes/Ansum/_components.scss | 4 ++-- p/themes/Ansum/ansum.css | 16 +++++++--------- p/themes/Ansum/ansum.rtl.css | 14 +++++--------- p/themes/Mapco/_components.scss | 4 ++-- p/themes/Mapco/mapco.css | 18 +++++++++--------- p/themes/Mapco/mapco.rtl.css | 16 +++++++--------- 6 files changed, 32 insertions(+), 40 deletions(-) (limited to 'p') diff --git a/p/themes/Ansum/_components.scss b/p/themes/Ansum/_components.scss index 1d0dba033..690d2d7b0 100644 --- a/p/themes/Ansum/_components.scss +++ b/p/themes/Ansum/_components.scss @@ -51,7 +51,7 @@ @include mixins.transition(all, 0.075s, ease-in-out); - a, span, .as-link { + a, .as-link { padding: 0 2rem; color: variables.$main-font-color; font-size: 1rem; @@ -80,7 +80,7 @@ } .item { - a, span, .as-link { + a, .as-link { padding-left: 2rem; } } diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index f95266363..9227714de 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -252,21 +252,17 @@ form th { .dropdown-menu .item { transition: all 0.075s ease-in-out; } -.dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link { +.dropdown-menu .item a, .dropdown-menu .item .as-link { padding: 0 2rem; color: #363330; font-size: 1rem; line-height: 2.5em; } -.dropdown-menu .item a span.icon, .dropdown-menu .item span span.icon, .dropdown-menu .item .as-link span.icon { - padding: 0 0.25rem !important; - line-height: 1; -} -.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { +.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #ca7227; color: #fff; } -.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon { +.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon { filter: grayscale(100%) brightness(2.5); } .dropdown-menu .item.dropdown-section { @@ -275,7 +271,7 @@ form th { .dropdown-menu .item.dropdown-section ~ .dropdown-section { border-top-color: #f5f0ec; } -.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link { +.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link { padding-left: 2rem; } .dropdown-menu .item:not(.addItem) a:hover, @@ -1316,4 +1312,6 @@ body.register { a, button.as-link { outline: none; color: #ca7227; -} \ No newline at end of file +} + +/*# sourceMappingURL=ansum.css.map */ diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index d382a7923..682c8f293 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -252,21 +252,17 @@ form th { .dropdown-menu .item { transition: all 0.075s ease-in-out; } -.dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link { +.dropdown-menu .item a, .dropdown-menu .item .as-link { padding: 0 2rem; color: #363330; font-size: 1rem; line-height: 2.5em; } -.dropdown-menu .item a span.icon, .dropdown-menu .item span span.icon, .dropdown-menu .item .as-link span.icon { - padding: 0 0.25rem !important; - line-height: 1; -} -.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { +.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #ca7227; color: #fff; } -.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon { +.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon { filter: grayscale(100%) brightness(2.5); } .dropdown-menu .item.dropdown-section { @@ -275,7 +271,7 @@ form th { .dropdown-menu .item.dropdown-section ~ .dropdown-section { border-top-color: #f5f0ec; } -.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link { +.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link { padding-right: 2rem; } .dropdown-menu .item:not(.addItem) a:hover, @@ -1316,4 +1312,4 @@ body.register { a, button.as-link { outline: none; color: #ca7227; -} \ No newline at end of file +} diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss index f54515ecf..0ee3be8e1 100644 --- a/p/themes/Mapco/_components.scss +++ b/p/themes/Mapco/_components.scss @@ -51,7 +51,7 @@ @include mixins.transition(all, 0.075s, ease-in-out); - a, span, .as-link { + a, .as-link { padding: 0 2rem; color: variables.$main-font-color; font-size: 1rem; @@ -80,7 +80,7 @@ } .item { - a, span, .as-link { + a, .as-link { padding-left: 2rem; } } diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index caa1fd5c0..efcef311a 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -251,21 +251,17 @@ form th { .dropdown-menu .item { transition: all 0.075s ease-in-out; } -.dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link { +.dropdown-menu .item a, .dropdown-menu .item .as-link { padding: 0 2rem; color: #303136; font-size: 1rem; line-height: 2.5em; } -.dropdown-menu .item a span.icon, .dropdown-menu .item span span.icon, .dropdown-menu .item .as-link span.icon { - padding: 0 0.25rem !important; - line-height: 1; -} -.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { +.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #36c; color: #fff; } -.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon { +.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon { filter: brightness(3); } .dropdown-menu .item.dropdown-section { @@ -274,7 +270,7 @@ form th { .dropdown-menu .item.dropdown-section ~ .dropdown-section { border-top-color: #eff0f2; } -.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link { +.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link { padding-left: 2rem; } .dropdown-menu .item[aria-checked=true] a::before { @@ -313,6 +309,8 @@ form th { /*=== Alerts */ .alert { + margin: 1rem 0; + padding: 1rem; background: #f9fafb; color: #5b6871; font-size: 1rem; @@ -1334,4 +1332,6 @@ body.register { a, button.as-link { outline: none; color: #36c; -} \ No newline at end of file +} + +/*# sourceMappingURL=mapco.css.map */ diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index 85f0ae80e..d39303246 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -251,21 +251,17 @@ form th { .dropdown-menu .item { transition: all 0.075s ease-in-out; } -.dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link { +.dropdown-menu .item a, .dropdown-menu .item .as-link { padding: 0 2rem; color: #303136; font-size: 1rem; line-height: 2.5em; } -.dropdown-menu .item a span.icon, .dropdown-menu .item span span.icon, .dropdown-menu .item .as-link span.icon { - padding: 0 0.25rem !important; - line-height: 1; -} -.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item span:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { +.dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #36c; color: #fff; } -.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item span:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon { +.dropdown-menu .item a:not(.addItem):hover .icon, .dropdown-menu .item .as-link:not(.addItem):hover .icon { filter: brightness(3); } .dropdown-menu .item.dropdown-section { @@ -274,7 +270,7 @@ form th { .dropdown-menu .item.dropdown-section ~ .dropdown-section { border-top-color: #eff0f2; } -.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item span, .dropdown-menu .item.dropdown-section .item .as-link { +.dropdown-menu .item.dropdown-section .item a, .dropdown-menu .item.dropdown-section .item .as-link { padding-right: 2rem; } .dropdown-menu .item[aria-checked=true] a::before { @@ -313,6 +309,8 @@ form th { /*=== Alerts */ .alert { + margin: 1rem 0; + padding: 1rem; background: #f9fafb; color: #5b6871; font-size: 1rem; @@ -1334,4 +1332,4 @@ body.register { a, button.as-link { outline: none; color: #36c; -} \ No newline at end of file +} -- cgit v1.2.3 From c0a89a99b4e90464d51f8fa0448fafc2df9c5c42 Mon Sep 17 00:00:00 2001 From: maTh Date: Mon, 2 Jan 2023 09:47:04 +0100 Subject: Fix: Nord Theme: "Mark all" menu item (#4979) * fix font-size * fix background color --- p/themes/Alternative-Dark/adark.css | 2 +- p/themes/Alternative-Dark/adark.rtl.css | 2 +- p/themes/Ansum/_components.scss | 2 +- p/themes/Dark/dark.css | 2 +- p/themes/Dark/dark.rtl.css | 2 +- p/themes/Flat/flat.css | 2 +- p/themes/Flat/flat.rtl.css | 2 +- p/themes/Mapco/_components.scss | 2 +- p/themes/Nord/nord.css | 3 ++- p/themes/Nord/nord.rtl.css | 3 ++- p/themes/Origine/origine.css | 2 +- p/themes/Origine/origine.rtl.css | 2 +- p/themes/Pafat/pafat.css | 2 +- p/themes/Pafat/pafat.rtl.css | 2 +- p/themes/base-theme/frss.css | 1 - p/themes/base-theme/frss.rtl.css | 1 - 16 files changed, 16 insertions(+), 16 deletions(-) (limited to 'p') diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index 0ec0d9c4d..b85ef2232 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -348,7 +348,7 @@ a.btn { .dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5; - font-size: 0.8rem; + font-size: inherit; } .dropdown-menu .dropdown-section .item > a, diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index 4ee49be44..69d290121 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -348,7 +348,7 @@ a.btn { .dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5; - font-size: 0.8rem; + font-size: inherit; } .dropdown-menu .dropdown-section .item > a, diff --git a/p/themes/Ansum/_components.scss b/p/themes/Ansum/_components.scss index 690d2d7b0..b4ae38ec2 100644 --- a/p/themes/Ansum/_components.scss +++ b/p/themes/Ansum/_components.scss @@ -54,7 +54,7 @@ a, .as-link { padding: 0 2rem; color: variables.$main-font-color; - font-size: 1rem; + font-size: inherit; line-height: 2.5em; span.icon { diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index 6687f41f0..3facb1abf 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -329,7 +329,7 @@ a.btn { .dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5em; - font-size: 0.8rem; + font-size: inherit; } .dropdown-menu .dropdown-section .item > a, diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index 9a17b0303..6871c2b57 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -329,7 +329,7 @@ a.btn { .dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5em; - font-size: 0.8rem; + font-size: inherit; } .dropdown-menu .dropdown-section .item > a, diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 0dcef90fc..b6b291198 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -322,7 +322,7 @@ a.btn { .dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5em; - font-size: 0.8rem; + font-size: inherit; } .dropdown-menu .dropdown-section .item > a, diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index c9fcff9a3..aa89334c9 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -322,7 +322,7 @@ a.btn { .dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5em; - font-size: 0.8rem; + font-size: inherit; } .dropdown-menu .dropdown-section .item > a, diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss index 0ee3be8e1..005d6e5bd 100644 --- a/p/themes/Mapco/_components.scss +++ b/p/themes/Mapco/_components.scss @@ -54,7 +54,7 @@ a, .as-link { padding: 0 2rem; color: variables.$main-font-color; - font-size: 1rem; + font-size: inherit; line-height: 2.5em; span.icon { diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css index 5658125b0..85648aba3 100644 --- a/p/themes/Nord/nord.css +++ b/p/themes/Nord/nord.css @@ -174,7 +174,7 @@ a.btn { line-height: 25px; } -.btn-important, .read_all, #actualize { +.btn-important, #nav_menu_read_all .read_all, #actualize { font-weight: bold !important; background-color: var(--accent) !important; color: var(--bg) !important; @@ -238,6 +238,7 @@ a.btn { padding: 0 22px; color: var(--text); line-height: 2.5em; + font-size: inherit; min-width: 200px; } diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css index c94b3f0a0..b5f5d19e6 100644 --- a/p/themes/Nord/nord.rtl.css +++ b/p/themes/Nord/nord.rtl.css @@ -174,7 +174,7 @@ a.btn { line-height: 25px; } -.btn-important, .read_all, #actualize { +.btn-important, #nav_menu_read_all .read_all, #actualize { font-weight: bold !important; background-color: var(--accent) !important; color: var(--bg) !important; @@ -238,6 +238,7 @@ a.btn { padding: 0 22px; color: var(--text); line-height: 2.5em; + font-size: inherit; min-width: 200px; } diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 009c89ab1..6cc9c6bd1 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -431,7 +431,7 @@ a:hover .icon { .dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5; - font-size: 0.8rem; + font-size: inherit; } .dropdown-menu .dropdown-section .item > a, diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 7247e6b6e..b7e142a08 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -431,7 +431,7 @@ a:hover .icon { .dropdown-menu .item > .as-link { padding: 0 22px; line-height: 2.5; - font-size: 0.8rem; + font-size: inherit; } .dropdown-menu .dropdown-section .item > a, diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 064d331bf..8b3124e72 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -366,7 +366,7 @@ a.btn { padding: 0 22px; line-height: 2.5; color: var(--font-color-grey); - font-size: 0.8rem; + font-size: inherit; } .dropdown-menu .dropdown-section .item > a, diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index a6199e8ce..d0f2436d7 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -366,7 +366,7 @@ a.btn { padding: 0 22px; line-height: 2.5; color: var(--font-color-grey); - font-size: 0.8rem; + font-size: inherit; } .dropdown-menu .dropdown-section .item > a, diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 9b0917a56..19d9b5884 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -317,7 +317,6 @@ button.as-link:hover, button.as-link:active { background: transparent; color: inherit; - font-size: 1.1rem; border: none; cursor: pointer; text-align: left; diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 4bf540b4b..445f1637f 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -317,7 +317,6 @@ button.as-link:hover, button.as-link:active { background: transparent; color: inherit; - font-size: 1.1rem; border: none; cursor: pointer; text-align: right; -- cgit v1.2.3 From ba7cb98bdfd0b2b1060f6fb0dbcb184b7e85847c Mon Sep 17 00:00:00 2001 From: maTh Date: Mon, 2 Jan 2023 11:04:03 +0100 Subject: open "manage feed" with Ctrl in a new tab (#4980) --- p/scripts/extra.js | 3 +++ 1 file changed, 3 insertions(+) (limited to 'p') diff --git a/p/scripts/extra.js b/p/scripts/extra.js index 52a480c9a..c068a9982 100644 --- a/p/scripts/extra.js +++ b/p/scripts/extra.js @@ -145,6 +145,9 @@ function init_archiving(parent) { const freshrssSliderLoadEvent = new Event('freshrss:slider-load'); function open_slider_listener(ev) { + if (ev.ctrlKey || ev.shiftKey) { + return; + } const a = ev.target.closest('.open-slider'); if (a) { if (!context.ajax_loading) { -- cgit v1.2.3 From af8480651dea478e2a60dc13b9ea44d364d0f7b7 Mon Sep 17 00:00:00 2001 From: maTh Date: Tue, 3 Jan 2023 23:04:45 +0100 Subject: compile Mapco + Ansum again (#4983) --- p/themes/Ansum/_components.scss | 1 - p/themes/Ansum/ansum.css | 5 ++++- p/themes/Ansum/ansum.rtl.css | 5 ++++- p/themes/Mapco/_components.scss | 1 - p/themes/Mapco/mapco.css | 7 ++++--- p/themes/Mapco/mapco.rtl.css | 7 ++++--- 6 files changed, 16 insertions(+), 10 deletions(-) (limited to 'p') diff --git a/p/themes/Ansum/_components.scss b/p/themes/Ansum/_components.scss index b4ae38ec2..36b660345 100644 --- a/p/themes/Ansum/_components.scss +++ b/p/themes/Ansum/_components.scss @@ -59,7 +59,6 @@ span.icon { padding: 0 0.25rem !important; - line-height: 1; } &:not(.addItem):hover { diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index 9227714de..06b2697d3 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -255,9 +255,12 @@ form th { .dropdown-menu .item a, .dropdown-menu .item .as-link { padding: 0 2rem; color: #363330; - font-size: 1rem; + font-size: inherit; line-height: 2.5em; } +.dropdown-menu .item a span.icon, .dropdown-menu .item .as-link span.icon { + padding: 0 0.25rem !important; +} .dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #ca7227; color: #fff; diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index 682c8f293..69e3cb826 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -255,9 +255,12 @@ form th { .dropdown-menu .item a, .dropdown-menu .item .as-link { padding: 0 2rem; color: #363330; - font-size: 1rem; + font-size: inherit; line-height: 2.5em; } +.dropdown-menu .item a span.icon, .dropdown-menu .item .as-link span.icon { + padding: 0 0.25rem !important; +} .dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #ca7227; color: #fff; diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss index 005d6e5bd..8b60dcf0f 100644 --- a/p/themes/Mapco/_components.scss +++ b/p/themes/Mapco/_components.scss @@ -59,7 +59,6 @@ span.icon { padding: 0 0.25rem !important; - line-height: 1; } &:not(.addItem):hover { diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index efcef311a..093a45112 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -254,9 +254,12 @@ form th { .dropdown-menu .item a, .dropdown-menu .item .as-link { padding: 0 2rem; color: #303136; - font-size: 1rem; + font-size: inherit; line-height: 2.5em; } +.dropdown-menu .item a span.icon, .dropdown-menu .item .as-link span.icon { + padding: 0 0.25rem !important; +} .dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #36c; color: #fff; @@ -309,8 +312,6 @@ form th { /*=== Alerts */ .alert { - margin: 1rem 0; - padding: 1rem; background: #f9fafb; color: #5b6871; font-size: 1rem; diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index d39303246..a0edcf790 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -254,9 +254,12 @@ form th { .dropdown-menu .item a, .dropdown-menu .item .as-link { padding: 0 2rem; color: #303136; - font-size: 1rem; + font-size: inherit; line-height: 2.5em; } +.dropdown-menu .item a span.icon, .dropdown-menu .item .as-link span.icon { + padding: 0 0.25rem !important; +} .dropdown-menu .item a:not(.addItem):hover, .dropdown-menu .item .as-link:not(.addItem):hover { background: #36c; color: #fff; @@ -309,8 +312,6 @@ form th { /*=== Alerts */ .alert { - margin: 1rem 0; - padding: 1rem; background: #f9fafb; color: #5b6871; font-size: 1rem; -- cgit v1.2.3 From 5feefe416ff805090ad211eb670cc08c0db27dc1 Mon Sep 17 00:00:00 2001 From: maTh Date: Mon, 9 Jan 2023 08:41:01 +0100 Subject: fix: Ansum/Mapco theme: updating notification (#4995) --- p/themes/Ansum/_layout.scss | 4 ++++ p/themes/Ansum/ansum.css | 3 +++ p/themes/Ansum/ansum.rtl.css | 3 +++ p/themes/Mapco/_layout.scss | 4 ++++ p/themes/Mapco/mapco.css | 3 +++ p/themes/Mapco/mapco.rtl.css | 3 +++ 6 files changed, 20 insertions(+) (limited to 'p') diff --git a/p/themes/Ansum/_layout.scss b/p/themes/Ansum/_layout.scss index 76280d7a7..c5a1a2b3e 100644 --- a/p/themes/Ansum/_layout.scss +++ b/p/themes/Ansum/_layout.scss @@ -358,6 +358,10 @@ main.prompt { br { display: none; } + + .title { + margin: 0 2rem; + } } } diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index 06b2697d3..9b5990414 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -937,6 +937,9 @@ main.prompt { .notification#actualizeProgress br { display: none; } +.notification#actualizeProgress .title { + margin: 0 2rem; +} /*=== Navigation menu (for articles) */ #nav_entries { diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index 69e3cb826..b5450ad20 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -937,6 +937,9 @@ main.prompt { .notification#actualizeProgress br { display: none; } +.notification#actualizeProgress .title { + margin: 0 2rem; +} /*=== Navigation menu (for articles) */ #nav_entries { diff --git a/p/themes/Mapco/_layout.scss b/p/themes/Mapco/_layout.scss index 1bd719842..495c19ebf 100644 --- a/p/themes/Mapco/_layout.scss +++ b/p/themes/Mapco/_layout.scss @@ -371,6 +371,10 @@ main.prompt { br { display: none; } + + .title { + margin: 0 2rem; + } } } diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 093a45112..482944016 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -954,6 +954,9 @@ main.prompt { .notification#actualizeProgress br { display: none; } +.notification#actualizeProgress .title { + margin: 0 2rem; +} /*=== Navigation menu (for articles) */ #nav_entries { diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index a0edcf790..2a6bf5311 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -954,6 +954,9 @@ main.prompt { .notification#actualizeProgress br { display: none; } +.notification#actualizeProgress .title { + margin: 0 2rem; +} /*=== Navigation menu (for articles) */ #nav_entries { -- cgit v1.2.3 From 7d12ecff0145c66113f81ce1b704316da0a403a5 Mon Sep 17 00:00:00 2001 From: maTh Date: Mon, 9 Jan 2023 10:08:49 +0100 Subject: fix: CSS "content:" (#4985) * fix * frss.css * improve bubble for unread articles in global view --- p/themes/Alternative-Dark/adark.css | 7 ++++++- p/themes/Alternative-Dark/adark.rtl.css | 7 ++++++- p/themes/Ansum/_forms.scss | 1 - p/themes/Ansum/ansum.css | 1 - p/themes/Ansum/ansum.rtl.css | 1 - p/themes/BlueLagoon/BlueLagoon.css | 5 ++++- p/themes/BlueLagoon/BlueLagoon.rtl.css | 5 ++++- p/themes/Dark/dark.css | 5 +++++ p/themes/Dark/dark.rtl.css | 5 +++++ p/themes/Flat/flat.css | 2 -- p/themes/Flat/flat.rtl.css | 2 -- p/themes/Mapco/_forms.scss | 1 - p/themes/Mapco/mapco.css | 1 - p/themes/Mapco/mapco.rtl.css | 1 - p/themes/Nord/nord.css | 21 --------------------- p/themes/Nord/nord.rtl.css | 21 --------------------- p/themes/Origine-compact/origine-compact.css | 4 ++++ p/themes/Origine-compact/origine-compact.rtl.css | 4 ++++ p/themes/Origine/origine.css | 3 ++- p/themes/Origine/origine.rtl.css | 3 ++- p/themes/Pafat/pafat.css | 7 +++++-- p/themes/Pafat/pafat.rtl.css | 7 +++++-- p/themes/Screwdriver/screwdriver.css | 1 - p/themes/Screwdriver/screwdriver.rtl.css | 1 - p/themes/Swage/swage.css | 9 +++------ p/themes/Swage/swage.rtl.css | 7 +------ p/themes/Swage/swage.scss | 6 ------ p/themes/base-theme/base.css | 1 - p/themes/base-theme/base.rtl.css | 1 - p/themes/base-theme/frss.css | 20 ++++++++++++++++++++ p/themes/base-theme/frss.rtl.css | 20 ++++++++++++++++++++ 31 files changed, 96 insertions(+), 84 deletions(-) (limited to 'p') diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index b85ef2232..8106f775b 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -582,7 +582,8 @@ kbd { .aside.aside_feed .category .title:not([data-unread="0"])::after, .aside.aside_feed .feed .item-title:not([data-unread="0"])::after, -.global .box.category .title:not([data-unread="0"])::after { +.global .box.category .title:not([data-unread="0"])::after, +.global .feed .item-title:not([data-unread="0"])::after { background-color: var(--background-color-dark); color: var(--font-color-middle); } @@ -991,6 +992,10 @@ kbd { text-shadow: none; } +#stream.global .feed .item-title:not([data-unread="0"])::after { + margin: 1rem 0px 0px; +} + /*=== Slider */ #slider { background: var(--background-color-dark); diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index 69d290121..d40403fc8 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -582,7 +582,8 @@ kbd { .aside.aside_feed .category .title:not([data-unread="0"])::after, .aside.aside_feed .feed .item-title:not([data-unread="0"])::after, -.global .box.category .title:not([data-unread="0"])::after { +.global .box.category .title:not([data-unread="0"])::after, +.global .feed .item-title:not([data-unread="0"])::after { background-color: var(--background-color-dark); color: var(--font-color-middle); } @@ -991,6 +992,10 @@ kbd { text-shadow: none; } +#stream.global .feed .item-title:not([data-unread="0"])::after { + margin: 1rem 0px 0px; +} + /*=== Slider */ #slider { background: var(--background-color-dark); diff --git a/p/themes/Ansum/_forms.scss b/p/themes/Ansum/_forms.scss index 239934040..4f3f9e698 100644 --- a/p/themes/Ansum/_forms.scss +++ b/p/themes/Ansum/_forms.scss @@ -130,7 +130,6 @@ input.extend { border-radius: 3px; &::after { - content: ""; display: block; clear: both; } diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index 9b5990414..5c7433fce 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -173,7 +173,6 @@ input.extend { border-radius: 3px; } .form-group::after { - content: ""; display: block; clear: both; } diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index b5450ad20..d8e6eaa99 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -173,7 +173,6 @@ input.extend { border-radius: 3px; } .form-group::after { - content: ""; display: block; clear: both; } diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index 98e63b1e8..e37f35228 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -323,7 +323,6 @@ a.btn { height: 10px; border-top: 1px solid #171717; border-left: 1px solid #171717; - content: ""; position: absolute; top: -6px; right: 13px; @@ -1039,6 +1038,10 @@ a.btn { color: #222; } +#stream.global .feed .item-title:not([data-unread="0"])::after { + margin-top: 1rem; +} + /*=== PANEL */ /*===========*/ #panel { diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index 43c572abd..faa7250f3 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -323,7 +323,6 @@ a.btn { height: 10px; border-top: 1px solid #171717; border-right: 1px solid #171717; - content: ""; position: absolute; top: -6px; left: 13px; @@ -1039,6 +1038,10 @@ a.btn { color: #222; } +#stream.global .feed .item-title:not([data-unread="0"])::after { + margin-top: 1rem; +} + /*=== PANEL */ /*===========*/ #panel { diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index 3facb1abf..3ddb59755 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -911,6 +911,11 @@ a.btn { text-shadow: none; } +#stream.global .feed .item-title:not([data-unread="0"])::after { + background-color: #171717; + margin-top: 1rem; +} + /*=== Panel */ #panel { background: #1c1c1c; diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index 6871c2b57..faea0df5e 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -911,6 +911,11 @@ a.btn { text-shadow: none; } +#stream.global .feed .item-title:not([data-unread="0"])::after { + background-color: #171717; + margin-top: 1rem; +} + /*=== Panel */ #panel { background: #1c1c1c; diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index b6b291198..c6c2a6aec 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -103,7 +103,6 @@ form th { } .form-group::after { - content: ""; display: block; clear: both; } @@ -445,7 +444,6 @@ a.btn { .box .box-content .item { font-size: 0.9rem; - line-height: 2.5em; } .box .box-title .configure .icon, diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index aa89334c9..2ef0e42ea 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -103,7 +103,6 @@ form th { } .form-group::after { - content: ""; display: block; clear: both; } @@ -445,7 +444,6 @@ a.btn { .box .box-content .item { font-size: 0.9rem; - line-height: 2.5em; } .box .box-title .configure .icon, diff --git a/p/themes/Mapco/_forms.scss b/p/themes/Mapco/_forms.scss index 2a2ac92ad..479f40d44 100644 --- a/p/themes/Mapco/_forms.scss +++ b/p/themes/Mapco/_forms.scss @@ -129,7 +129,6 @@ input.extend { border-radius: 3px; &::after { - content: ""; display: block; clear: both; } diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 482944016..94be46e9f 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -172,7 +172,6 @@ input.extend { border-radius: 3px; } .form-group::after { - content: ""; display: block; clear: both; } diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index 2a6bf5311..5b042c849 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -172,7 +172,6 @@ input.extend { border-radius: 3px; } .form-group::after { - content: ""; display: block; clear: both; } diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css index 85648aba3..e0eda2af9 100644 --- a/p/themes/Nord/nord.css +++ b/p/themes/Nord/nord.css @@ -388,7 +388,6 @@ img.favicon { .box .box-content .item { padding: 0 10px; font-size: 0.9rem; - line-height: 2.5em; } /*=== Draggable */ @@ -524,10 +523,6 @@ img.favicon { } -.category .title:not([data-unread="0"])::after { - content: attr(data-unread); -} - li.item.active { background-color: var(--bg); font-weight: bold; @@ -754,7 +749,6 @@ li.item.active { /*===========*/ .category .title.error::before { color: var(--accent-light); - content: "⚠ "; } @@ -794,11 +788,6 @@ li.item.active { .flux_content .content a { color: #000; } - - .flux_content .content a::after { - content: " [" attr(href) "] "; - font-style: italic; - } } /*=== PREVIEW */ @@ -834,15 +823,6 @@ li.item.active { margin: -1px; } -.feed .item-title:not([data-unread="0"])::before { - content: "(" attr(data-unread) ") "; - display: none -} - -.feed .item-title:not([data-unread="0"])::after { - content: " (" attr(data-unread) ")"; -} - /*BEGINS BASE.CSS*/ @@ -899,7 +879,6 @@ input.extend { /*=== Dropdown */ .dropdown-menu::after { - content: ""; position: absolute; top: -6px; right: 13px; diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css index b5f5d19e6..d2b5146a1 100644 --- a/p/themes/Nord/nord.rtl.css +++ b/p/themes/Nord/nord.rtl.css @@ -388,7 +388,6 @@ img.favicon { .box .box-content .item { padding: 0 10px; font-size: 0.9rem; - line-height: 2.5em; } /*=== Draggable */ @@ -524,10 +523,6 @@ img.favicon { } -.category .title:not([data-unread="0"])::after { - content: attr(data-unread); -} - li.item.active { background-color: var(--bg); font-weight: bold; @@ -754,7 +749,6 @@ li.item.active { /*===========*/ .category .title.error::before { color: var(--accent-light); - content: "⚠ "; } @@ -794,11 +788,6 @@ li.item.active { .flux_content .content a { color: #000; } - - .flux_content .content a::after { - content: " [" attr(href) "] "; - font-style: italic; - } } /*=== PREVIEW */ @@ -834,15 +823,6 @@ li.item.active { margin: -1px; } -.feed .item-title:not([data-unread="0"])::before { - content: "(" attr(data-unread) ") "; - display: none -} - -.feed .item-title:not([data-unread="0"])::after { - content: " (" attr(data-unread) ")"; -} - /*BEGINS BASE.CSS*/ @@ -899,7 +879,6 @@ input.extend { /*=== Dropdown */ .dropdown-menu::after { - content: ""; position: absolute; top: -6px; left: 13px; diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css index f5de75adc..bea5d5cf6 100644 --- a/p/themes/Origine-compact/origine-compact.css +++ b/p/themes/Origine-compact/origine-compact.css @@ -77,6 +77,10 @@ a.btn, font-size: 0.8rem; } +#stream.global .feed .item-title:not([data-unread="0"])::after { + margin-top: 0.125rem; +} + .aside.aside_feed .feed .item-title:not([data-unread="0"])::after { font-size: 0.7rem; } diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css index b1ac6fb54..8929847bb 100644 --- a/p/themes/Origine-compact/origine-compact.rtl.css +++ b/p/themes/Origine-compact/origine-compact.rtl.css @@ -77,6 +77,10 @@ a.btn, font-size: 0.8rem; } +#stream.global .feed .item-title:not([data-unread="0"])::after { + margin-top: 0.125rem; +} + .aside.aside_feed .feed .item-title:not([data-unread="0"])::after { font-size: 0.7rem; } diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 6cc9c6bd1..fd119fe19 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -679,7 +679,8 @@ a:hover .icon { /*=== Aside main page (categories) */ .aside.aside_feed .category .title:not([data-unread="0"])::after, -.global .box.category .title:not([data-unread="0"])::after { +.global .box.category .title:not([data-unread="0"])::after, +.global .feed .item-title:not([data-unread="0"])::after { background-color: var(--background-color-light-shadowed); color: var(--font-color-grey); } diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index b7e142a08..9127ac9e8 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -679,7 +679,8 @@ a:hover .icon { /*=== Aside main page (categories) */ .aside.aside_feed .category .title:not([data-unread="0"])::after, -.global .box.category .title:not([data-unread="0"])::after { +.global .box.category .title:not([data-unread="0"])::after, +.global .feed .item-title:not([data-unread="0"])::after { background-color: var(--background-color-light-shadowed); color: var(--font-color-grey); } diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 8b3124e72..5a7fb876f 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -476,7 +476,6 @@ a.btn { .box .box-content .item { font-size: 0.9rem; - line-height: 2.5; } /*=== Tree */ @@ -540,7 +539,6 @@ a.btn { background-color: var(--background-color-white); width: 0.5rem; height: 0.5rem; - content: ""; position: absolute; top: 1rem; left: -0.25rem; @@ -1022,6 +1020,11 @@ a.signin { border: none; } +#stream.global .feed .item-title:not([data-unread="0"])::after { + background-color: var(--background-color-category); + color: var(--font-color-white); +} + /*=== DIVERS */ /*===========*/ .aside.aside_feed .nav-form input, diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index d0f2436d7..0181e60ed 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -476,7 +476,6 @@ a.btn { .box .box-content .item { font-size: 0.9rem; - line-height: 2.5; } /*=== Tree */ @@ -540,7 +539,6 @@ a.btn { background-color: var(--background-color-white); width: 0.5rem; height: 0.5rem; - content: ""; position: absolute; top: 1rem; right: -0.25rem; @@ -1022,6 +1020,11 @@ a.signin { border: none; } +#stream.global .feed .item-title:not([data-unread="0"])::after { + background-color: var(--background-color-category); + color: var(--font-color-white); +} + /*=== DIVERS */ /*===========*/ .aside.aside_feed .nav-form input, diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index 75662404d..39d1dd152 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -471,7 +471,6 @@ a.btn { .box .box-content .item { font-size: 0.9rem; - line-height: 2.5em; } /*=== Tree */ diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index 736fc642e..e29b0e1b2 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -471,7 +471,6 @@ a.btn { .box .box-content .item { font-size: 0.9rem; - line-height: 2.5em; } /*=== Tree */ diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 2c1de119a..0ebdfa3fb 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -71,7 +71,6 @@ select:invalid { } .flux::after, .form-group::after { - content: ""; display: block; clear: both; } @@ -329,9 +328,6 @@ form th { .dropdown-menu .dropdown-section .item a:hover { background-color: var(--color-background-nav); } -.dropdown-menu::after { - content: none; -} .dropdown-menu > .item { padding: 0 0 0 0.5rem; } @@ -488,7 +484,6 @@ form th { .box .box-content .item { padding: 0 10px; font-size: 0.9rem; - line-height: 2.5; } .box .box-content .item .configure .icon { vertical-align: middle; @@ -1169,4 +1164,6 @@ button.as-link { #slider label { min-height: initial; -} \ No newline at end of file +} + +/*# sourceMappingURL=swage.css.map */ diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 79ef84c39..f8f031567 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -71,7 +71,6 @@ select:invalid { } .flux::after, .form-group::after { - content: ""; display: block; clear: both; } @@ -329,9 +328,6 @@ form th { .dropdown-menu .dropdown-section .item a:hover { background-color: var(--color-background-nav); } -.dropdown-menu::after { - content: none; -} .dropdown-menu > .item { padding: 0 0.5rem 0 0; } @@ -488,7 +484,6 @@ form th { .box .box-content .item { padding: 0 10px; font-size: 0.9rem; - line-height: 2.5; } .box .box-content .item .configure .icon { vertical-align: middle; @@ -1169,4 +1164,4 @@ button.as-link { #slider label { min-height: initial; -} \ No newline at end of file +} diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index 41221665c..a0570bb16 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -89,7 +89,6 @@ $color_hover: #fff; } %after { - content: ""; display: block; clear: both; } @@ -429,10 +428,6 @@ form { } } - &::after { - content: none; - } - > { .item { @@ -626,7 +621,6 @@ form { .item { padding: 0 10px; font-size: 0.9rem; - line-height: 2.5; .configure { .icon { diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css index e569d4b41..cd133939d 100644 --- a/p/themes/base-theme/base.css +++ b/p/themes/base-theme/base.css @@ -218,7 +218,6 @@ a.btn { } .dropdown-menu::after { - content: ""; position: absolute; top: -6px; right: 13px; diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css index 89d5789d7..ab5156b68 100644 --- a/p/themes/base-theme/base.rtl.css +++ b/p/themes/base-theme/base.rtl.css @@ -218,7 +218,6 @@ a.btn { } .dropdown-menu::after { - content: ""; position: absolute; top: -6px; left: 13px; diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 19d9b5884..8bd4a7e99 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -1871,6 +1871,26 @@ input:checked + .slide-container .properties { margin: 1em 0 0 0; } +#stream.global .feed { + position: relative; +} + +#stream.global .feed .item-title:not([data-unread="0"])::after { + margin: 0.5rem 0px 0px; + padding: 5px 10px; + min-width: 20px; + display: block; + content: attr(data-unread); + position: absolute; + top: 0px; + right: 0px; + text-align: center; + font-size: 0.75rem; + border-radius: 12px; + line-height: 1; + font-weight: initial; +} + .feed.active .item-title:not([data-unread="0"])::after { color: var(--frss-font-color-light); border: 1px solid var(--frss-border-color); diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index 445f1637f..9e5221126 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -1871,6 +1871,26 @@ input:checked + .slide-container .properties { margin: 1em 0 0 0; } +#stream.global .feed { + position: relative; +} + +#stream.global .feed .item-title:not([data-unread="0"])::after { + margin: 0.5rem 0px 0px; + padding: 5px 10px; + min-width: 20px; + display: block; + content: attr(data-unread); + position: absolute; + top: 0px; + left: 0px; + text-align: center; + font-size: 0.75rem; + border-radius: 12px; + line-height: 1; + font-weight: initial; +} + .feed.active .item-title:not([data-unread="0"])::after { color: var(--frss-font-color-light); border: 1px solid var(--frss-border-color); -- cgit v1.2.3 From bbe3eb8f41ca9c25d1619cda9609392ffc803146 Mon Sep 17 00:00:00 2001 From: Sadetdin EYILI Date: Mon, 9 Jan 2023 10:37:35 +0100 Subject: Lazy load logo on install, logo on header and theme thumbs in config slide (#4998) * feat: lazy load logo on install, logo on header and theme thumbs in config slide --- app/install.php | 4 ++-- app/layout/header.phtml | 8 ++++---- app/layout/simple.phtml | 2 +- app/views/configure/display.phtml | 2 +- p/index.html | 2 +- 5 files changed, 9 insertions(+), 9 deletions(-) (limited to 'p') diff --git a/app/install.php b/app/install.php index 48f39d25e..3163367f4 100644 --- a/app/install.php +++ b/app/install.php @@ -445,7 +445,7 @@ function printStep1() {

    - 🔃 + 🔃
    diff --git a/app/layout/header.phtml b/app/layout/header.phtml index b9d5c0a13..45eb9a3ce 100644 --- a/app/layout/header.phtml +++ b/app/layout/header.phtml @@ -2,7 +2,7 @@
  • - +