Consistent box-shadow for elevated elements

diff --git a/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss b/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss
index 85ae4770edfbfc72b91f3f2bd47c5fd9f1234660..bc1274c0570c9bd337ff8e8cd980a309b39785c0 100644 (file)
--- a/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss
+++ b/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss
@@ -1,7 +1,7 @@
 @mixin dropdownMenu {
        background-color: $wcfDropdownBackground;
        border-radius: 2px;
-       box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+       box-shadow: rgb(0 0 0 / 20%) 0 12px 28px 0, rgb(0 0 0 / 10%) 0 2px 4px 0;
        color: $wcfDropdownText;
        display: none;
        min-width: 160px;

diff --git a/wcfsetup/install/files/style/ui/userMenu.scss b/wcfsetup/install/files/style/ui/userMenu.scss
index 3c9e6f80fd687db8dd91a2d7eb8ff0588ee21ef3..b09e2275ecd8d684c77a6eb5188b94f22736a415 100644 (file)
--- a/wcfsetup/install/files/style/ui/userMenu.scss
+++ b/wcfsetup/install/files/style/ui/userMenu.scss
@@ -31,7 +31,7 @@
 
 .dropdownMenuContainer .userMenu {
        border-radius: 5px;
-       box-shadow: rgb(0 0 0 / 20%) 0 12px 28px 0, rgb(0 0 0 / 10%) 0 2px 4px 0, rgb(255 255 255 / 50%) 0 0 0 1px inset;
+       box-shadow: rgb(0 0 0 / 20%) 0 12px 28px 0, rgb(0 0 0 / 10%) 0 2px 4px 0;
        position: fixed;
        width: 400px;
        z-index: 450;

diff --git a/wcfsetup/install/files/style/ui/wsc31.scss b/wcfsetup/install/files/style/ui/wsc31.scss
index 5eb819b00091864659a88b6310d6f2cc48044340..8441afd257acf6bc08f19598d58208e83a3aa7e0 100644 (file)
--- a/wcfsetup/install/files/style/ui/wsc31.scss
+++ b/wcfsetup/install/files/style/ui/wsc31.scss
@@ -116,7 +116,7 @@
 
        // drop-shadow for submenu lists
        .mainMenu .boxMenu .boxMenuDepth1 {
-               box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 4px 6px rgba(0, 0, 0, 0.23);
+               box-shadow: rgb(0 0 0 / 20%) 0 12px 28px 0, rgb(0 0 0 / 10%) 0 2px 4px 0;
        }
 
        // individual variables for the editor toolbar