Improve the visual appearance of button groups in container lists

Fixes #5527

diff --git a/wcfsetup/install/files/style/layout/containerList.scss b/wcfsetup/install/files/style/layout/containerList.scss
index 5fdebf6b243fcd6c4f233104c6dadd176b289fd6..c7b5dff480870776f4239dab18f5bf335f0009f8 100644 (file)
--- a/wcfsetup/install/files/style/layout/containerList.scss
+++ b/wcfsetup/install/files/style/layout/containerList.scss
@@ -128,14 +128,14 @@
 
                                > ul {
                                        background-color: var(--wcfContentBackground);
-                                       border: 1px solid rgba(0, 0, 0, 0.15);
-                                       border-radius: 6px;
+                                       border-radius: var(--wcfBorderRadius);
+                                       box-shadow: var(--wcfBoxShadowCard);
 
                                        > li {
                                                margin-right: 0;
 
                                                &:not(:last-child) {
-                                                       border-right: 1px solid rgba(0, 0, 0, 0.15);
+                                                       border-right: 1px solid var(--wcfContentContainerBorder);
                                                }
 
                                                > a,
@@ -236,6 +236,12 @@
        }
 }
 
+@include screen-lg {
+       html[data-color-scheme="dark"] .containerList > li .buttonGroupNavigation > ul {
+               border: 1px solid var(--wcfContentContainerBorder);
+       }
+}
+
 .containerBoxList {
        @include screen-sm-down {
                &.doubleColumned,