From 4191f9859ec1ec524167478c6fffce1da219a8fe Mon Sep 17 00:00:00 2001 From: maTh Date: Mon, 11 Apr 2022 22:54:19 +0200 Subject: Improved: dropdown close area (#4293) * fix Ansum theme: close X in white * fix Mapco theme: close X in white * move the dropdown-close outside of the list * CSS * bring flux elemt behind the grey background * Update main.js --- p/themes/base-theme/template.css | 29 ++++++++--------------------- 1 file changed, 8 insertions(+), 21 deletions(-) (limited to 'p/themes/base-theme/template.css') diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css index 989ce74af..c1a34cf87 100644 --- a/p/themes/base-theme/template.css +++ b/p/themes/base-theme/template.css @@ -561,32 +561,18 @@ input[type="checkbox"]:focus-visible { z-index: 1000; } -.dropdown-close { - display: inline; +.dropdown-menu + .dropdown-close { + display: none; } -.dropdown-close a { +.dropdown-target:target ~ .dropdown-close { display: block; font-size: 0; position: fixed; top: 0; bottom: 0; left: 0; right: 0; - z-index: -11; - cursor: default; -} - -.dropdown div.dropdown-close { - display: none; -} - -.dropdown-target:target ~ div.dropdown-close { - display: block; z-index: 999; - position: relative; -} - -.dropdown-menu-scrollable .dropdown-close { - display: none; + cursor: default; } .separator { @@ -993,7 +979,7 @@ input[type="search"] { /*=== Feed article header and footer */ .flux_header { background: inherit; - position: relative; + position: static; } .flux .item { @@ -1795,7 +1781,8 @@ input:checked + .slide-container .properties { display: inline-block; } - .aside:target + .close-aside { + .aside:target + .close-aside, + .configure .dropdown-target:target ~ .dropdown-close { background: rgba(0, 0, 0, 0.2); display: block; font-size: 0; @@ -1804,7 +1791,7 @@ input:checked + .slide-container .properties { bottom: 0; left: 0; right: 0; - cursor: pointer; + cursor: default; z-index: 99; } -- cgit v1.2.3