Work-around for low resolutions or double sidebars

diff --git a/wcfsetup/install/files/style/layout/content.scss b/wcfsetup/install/files/style/layout/content.scss
index 64a92dbf56f90a0cd1acfb47f808e3646e3548cc..ce36a89d250be9df8e5a55e998d8f70a3d1bd8f6 100644 (file)
--- a/wcfsetup/install/files/style/layout/content.scss
+++ b/wcfsetup/install/files/style/layout/content.scss
@@ -94,6 +94,16 @@
                                @include inlineList;
                                
                                flex-wrap: nowrap;
+                               
+                               > li{
+                                       &:not(:last-child) {
+                                               margin-right: 0;
+                                       }
+                                       
+                                       &:not(:first-child) {
+                                               margin-left: 5px;
+                                       }
+                               }
                        }
                }
        }
@@ -443,3 +453,29 @@ fieldset {
                }
        }
 }
+
+/* workaround for ancient screen resolutions */
+@media (max-width: 1280px) {
+       .contentHeaderNavigation {
+               flex: 1 1 0%;
+               
+               > ul {
+                       flex-wrap: wrap !important;
+                       justify-content: flex-end;
+               }
+       }
+}
+
+/* sidebar galore */
+@include screen-lg {
+       .sidebar + .content:not(:last-child) {
+               .contentHeaderNavigation {
+                       flex: 1 1 0%;
+                       
+                       > ul {
+                               flex-wrap: wrap !important;
+                               justify-content: flex-end;
+                       }
+               }
+       }
+}