Overriding collapsed sidebar in mobile optimization

diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index 40c4754e8b367ed2b83f1d85791ad4f0dfc43942..9c33bc1f8b5958e276e22a21c744d3e2be0526f7 100644 (file)
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -644,24 +644,6 @@
                        display: none;
                }
        }
-       
-       &.sidebarOrientationRight {
-               &.sidebarCollapsed > div > div {
-                       > .sidebar {
-                               width: 20px;
-                               
-                               > span > .collapsibleButton {
-                                       &::before {
-                                               content: "\f053";
-                                       }
-                               }
-                               
-                               > div {
-                                       width: 0;
-                               }
-                       }
-               }
-       }
 }
 
 @media only screen and (max-width: 800px) {
@@ -787,6 +769,26 @@
        }
 }
 
+@media only screen and (min-width: 801px) {
+       #main.sidebarOrientationRight.sidebarCollapsed {
+               > div > div {
+                       > .sidebar {
+                               width: 20px;
+                               
+                               > span > .collapsibleButton {
+                                       &::before {
+                                               content: "\f053";
+                                       }
+                               }
+                               
+                               > div {
+                                       width: 0;
+                               }
+                       }
+               }
+       }
+}
+
 /* basic layout elements */
 .boxHeadline {
        margin-top: @wcfGapMedium;