diff options
| author | Marco Nassabain <marco.nassabain@hotmail.com> | 2021-03-17 00:54:08 +0100 |
|---|---|---|
| committer | Sean Molenaar <SMillerDev@users.noreply.github.com> | 2021-04-08 23:17:31 +0200 |
| commit | a8c928b316a85f17d3cdefad8d563c7f8dbb6d7a (patch) | |
| tree | 1a9ba34fdaa7bf1982809cddce30b76d2fa6a0e6 /css | |
| parent | 77d7cfb797a3e373583a035519a76e9949d525a4 (diff) | |
♻️ 💄 Refactor dropdown + fix opacity + realign
Signed-off-by: Marco Nassabain <marco.nassabain@hotmail.com>
Diffstat (limited to 'css')
| -rw-r--r-- | css/app.css | 6 | ||||
| -rw-r--r-- | css/content.css | 5 |
2 files changed, 9 insertions, 2 deletions
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; } |