aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles
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 /src/styles
parentFix color adjustment confusion (diff)
downloadferdium-app-89538ffea33cc2685f38fd9f27514e9493bf26a7.tar.gz
ferdium-app-89538ffea33cc2685f38fd9f27514e9493bf26a7.tar.zst
ferdium-app-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.
Diffstat (limited to 'src/styles')
-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 0b4dd952b..e4f6f3937 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;