Overhauled default box menu styling

diff --git a/com.woltlab.wcf/menu.xml b/com.woltlab.wcf/menu.xml
index 112c9d20d432a32304bd17ac17409968b9216155..dfc2af76fcfe0fff1935842962cb88a15f7233e9 100644 (file)
--- a/com.woltlab.wcf/menu.xml
+++ b/com.woltlab.wcf/menu.xml
@@ -30,7 +30,7 @@
                        
                        <box>
                                <position>footer</position>
-                               <cssClassName>footerLinks</cssClassName>
+                               <cssClassName>boxMenuLinkGroup</cssClassName>
                                <showHeader>0</showHeader>
                                <visibleEverywhere>1</visibleEverywhere>
                        </box>

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index 7a86b38816ce751bf3958df6e3a1074af57b72ba..97ad36ed4eb536c55c0ef8e3e6812cf624f23461 100644 (file)
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -753,6 +753,34 @@
                }
        }
        
+       .boxMenuLinkGroup {
+               .boxMenu {
+                       > li {
+                               > ol {
+                                       a {
+                                               // use text color instead
+                                               color: $wcfFooterText;
+                                       }
+                               }
+                       }
+               }
+       }
+       
+       .styleChanger {
+               @include screen-sm-down {
+                       display: none;
+               }
+               
+               @include screen-md-up {
+                       float: right;
+                       padding-left: 20px;
+               }
+       }
+}
+
+.boxesTop,
+.boxesBottom,
+.boxesFooter {
        .boxMenu {
                display: inline-flex;
                margin-left: -10px;
@@ -765,7 +793,7 @@
                }
        }
        
-       .footerLinks {
+       .boxMenuLinkGroup {
                &:not(:first-child) {
                        margin-top: 40px;
                }
@@ -788,25 +816,7 @@
                                        
                                        margin-bottom: 10px;
                                }
-                               
-                               > ol {
-                                       a {
-                                               // use text color instead
-                                               color: $wcfFooterText;
-                                       }
-                               }
                        }
                }
        }
-       
-       .styleChanger {
-               @include screen-sm-down {
-                       display: none;
-               }
-               
-               @include screen-md-up {
-                       float: right;
-                       padding-left: 20px;
-               }
-       }
 }