diff options
author | Kristóf Marussy <kristof@marussy.com> | 2021-05-29 21:49:33 +0200 |
---|---|---|
committer | Vijay Raghavan Aravamudhan <vraravam@users.noreply.github.com> | 2021-05-30 04:56:58 +0530 |
commit | 89538ffea33cc2685f38fd9f27514e9493bf26a7 (patch) | |
tree | 6caf920618af21abef9bbb609870068bcd5ef210 /src | |
parent | Fix color adjustment confusion (diff) | |
download | ferdium-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')
-rw-r--r-- | src/styles/settings.scss | 6 |
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; |