Make sidebar-layout responsive

5 years ago · bb5104dc0c
parent 60673103ad
commit bb5104dc0c
1 changed files with 10 additions and 0 deletions
--- a/customize.dist/src/less2/include/sidebar-layout.less
+++ b/customize.dist/src/less2/include/sidebar-layout.less
@ -1,5 +1,6 @@
@import (reference) "/customize/src/less2/include/colortheme-all.less";
@import (reference) "/customize/src/less2/include/leftside-menu.less";
+@import (reference) "./browser.less";

@sidebar_button-width: 400px;

@ -109,4 +110,13 @@
    }
 }

+@media screen and (max-width: @browser_media-medium-screen) {
+    #cp-sidebarlayout-container {
+        flex-flow: column;
+        #cp-sidebarlayout-leftside {
+            width: 100%;
+        }
+    }
+
+}