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/base-theme/frss.rtl.css | 22 +++++++++++++++++++--- 1 file changed, 19 insertions(+), 3 deletions(-) (limited to 'p/themes/base-theme/frss.rtl.css') 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