Merge pull request #106 from mendix/fix/fix-sidebar

fix sidebar issue

Author: wegiswes

styles/web/css/main.css

@@ -41,22 +41,9 @@
 
 
     .mx-scrollcontainer-slide {
-        &:not(.mx-scrollcontainer-open) > .region-sidebar {
-            overflow: hidden;
-        }
 
         &.mx-scrollcontainer-open > .region-sidebar {
             width: $sidebar-width !important;
-
-            & > .mx-scrollcontainer-wrapper {
-                position: relative;
-            }
-        }
-
-        .region-sidebar > .mx-scrollcontainer-wrapper {
-            z-index: 2;
-            left: 0 !important;
-            background-color: inherit;
         }
     }
 
@@ -70,13 +57,6 @@
             display: inline-block !important;
         }
     }
-   
-    .mx-scrollcontainer-slide,
-    .mx-scrollcontainer-push {
-        &:not(.mx-scrollcontainer-open) > .region-sidebar {
-            visibility: hidden;
-        }
-    }
 
     // Sidebar
     .region-sidebar {
@@ -121,6 +101,12 @@
 
 // Topbar variant
 .layout-atlas-responsive-topbar {
+    .mx-scrollcontainer-slide,
+    .mx-scrollcontainer-push {
+        &:not(.mx-scrollcontainer-open) > .region-sidebar {
+            visibility: hidden;
+        }
+    }
 }
 
 // All responsive layouts
@@ -136,6 +122,24 @@
             }
         }
     }
+
+    .mx-scrollcontainer-slide {
+        &:not(.mx-scrollcontainer-open) > .region-sidebar {
+            overflow: hidden;
+        }
+
+        &.mx-scrollcontainer-open > .region-sidebar {
+
+            & > .mx-scrollcontainer-wrapper {
+                position: relative;
+            }
+        }
+
+        .region-sidebar > .mx-scrollcontainer-wrapper {
+            z-index: 2;
+            background-color: inherit;
+        }
+    }
 }
 
 // Fix Safari issue of sidebar disappearing