From a8c928b316a85f17d3cdefad8d563c7f8dbb6d7a Mon Sep 17 00:00:00 2001 From: Marco Nassabain Date: Wed, 17 Mar 2021 00:54:08 +0100 Subject: =?UTF-8?q?=E2=99=BB=EF=B8=8F=20=F0=9F=92=84=20Refactor=20dropdown?= =?UTF-8?q?=20+=20fix=20opacity=20+=20realign?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Marco Nassabain --- css/app.css | 6 ++++-- css/content.css | 5 +++++ 2 files changed, 9 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/app.css b/css/app.css index 36be56e12..4aa71866c 100644 --- a/css/app.css +++ b/css/app.css @@ -70,10 +70,12 @@ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 999; min-width: 20em; + left: 100px; } -#app-content .compact .dropdown-content { - margin-left: -20em; +.compact .dropdown-content { + left: auto; + right: 15px; } diff --git a/css/content.css b/css/content.css index fdd80bf6e..d8fca2e9a 100644 --- a/css/content.css +++ b/css/content.css @@ -222,6 +222,7 @@ line-height: 52px; box-sizing: border-box; padding: 15px 50px 0 15px; + position: relative; } #app-content .compact .utils { @@ -232,6 +233,10 @@ top: 50px; background-color: var(--color-main-background); min-height: 43px; +} + +/* Only apply opacity to the util bar, not the dropdown */ +#app-content .compact .utils ul { opacity: 0.9; } -- cgit v1.2.3