aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorLibravatar Kristóf Marussy <kristof@marussy.com>2021-05-29 21:49:33 +0200
committerLibravatar Vijay Raghavan Aravamudhan <vraravam@users.noreply.github.com>2021-05-30 04:56:58 +0530
commit89538ffea33cc2685f38fd9f27514e9493bf26a7 (patch)
tree6caf920618af21abef9bbb609870068bcd5ef210
parentFix color adjustment confusion (diff)
downloadferdi-89538ffea33cc2685f38fd9f27514e9493bf26a7.tar.gz
ferdi-89538ffea33cc2685f38fd9f27514e9493bf26a7.tar.zst
ferdi-89538ffea33cc2685f38fd9f27514e9493bf26a7.zip
Uniform shadow on Settings dialog
Previously, the shadow was only applied to the sidebar of the dialog. Also fixes the rendering artifacts near the close button.
-rw-r--r--src/styles/settings.scss6
1 files changed, 2 insertions, 4 deletions
diff --git a/src/styles/settings.scss b/src/styles/settings.scss
index 0b4dd952..e4f6f393 100644
--- a/src/styles/settings.scss
+++ b/src/styles/settings.scss
@@ -135,13 +135,13 @@
135 135
136.settings { 136.settings {
137 border-radius: $theme-border-radius; 137 border-radius: $theme-border-radius;
138 // box-shadow: 0 20px 50px rgba(black, .5); 138 box-shadow: 0 20px 50px rgba($dark-theme-black, .5);
139 display: flex; 139 display: flex;
140 height: 100%; 140 height: 100%;
141 max-height: 720px; 141 max-height: 720px;
142 max-width: 900px; 142 max-width: 900px;
143 min-height: 400px; 143 min-height: 400px;
144 // overflow: hidden; 144 overflow: hidden;
145 position: relative; 145 position: relative;
146 width: 100%; 146 width: 100%;
147 z-index: 9999; 147 z-index: 9999;
@@ -245,7 +245,6 @@
245 position: absolute; 245 position: absolute;
246 right: 0; 246 right: 0;
247 transition: background $theme-transition-time; 247 transition: background $theme-transition-time;
248 border-top-right-radius: $theme-border-radius;
249 cursor: pointer; 248 cursor: pointer;
250 249
251 &::before { cursor: pointer; } 250 &::before { cursor: pointer; }
@@ -454,7 +453,6 @@
454 border-top-left-radius: $theme-border-radius;; 453 border-top-left-radius: $theme-border-radius;;
455 border-bottom-left-radius: $theme-border-radius;; 454 border-bottom-left-radius: $theme-border-radius;;
456 overflow: hidden; 455 overflow: hidden;
457 box-shadow: 0 20px 50px rgba($dark-theme-black, .5);
458 456
459 .settings-navigation__link { 457 .settings-navigation__link {
460 align-items: center; 458 align-items: center;