Modal shadow instead of border

rayoverweij · Aug 4, 2020 · 0bbc3c5 · 0bbc3c5
1 parent 389c2d7
commit 0bbc3c5
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/src/home/Settings.tsx b/src/home/Settings.tsx
@@ -272,6 +272,7 @@ class Settings extends React.PureComponent<SettingsProps, SettingsState> {
                                 <li>Accessibility: removed transitions and animations when prefers-reduced-motion is set</li>
                                 <li>Accessibility: each interactive element is now properly focusable</li>
                                 <li>Accessibility: each form input should now be properly labeled for screen readers</li>
+                                <li>Minor visual tweaks and bug fixes</li>
                             </ul>
                             For an overview of changes made in previous versions, see <a href="https://github.com/rayoverweij/tacotab/releases" target="_blank" rel="noreferrer noopener">GitHub</a>.
                         </p>

diff --git a/src/index.scss b/src/index.scss
@@ -444,4 +444,11 @@ form.was-validated {
     .popover-header {
         border-bottom: none;
     }
+}
+
+
+// Modal styling
+.modal-content {
+    box-shadow: $heavy;
+    border: none;
 }
diff --git a/src/setup/SetupScreen.scss b/src/setup/SetupScreen.scss
@@ -8,6 +8,7 @@
 
 .setup-modal-dialog > .modal-content {
     border: none;
+    box-shadow: none;
 
     & > .modal-header {
         border: none;