Fix min-width when open sidebar

johnsoncodehk · Jul 11, 2018 · ebff1ac · ebff1ac
1 parent f4d5b32
commit ebff1ac
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 1 deletion.
diff --git a/src/scss/layouts/_bottom-bar.scss b/src/scss/layouts/_bottom-bar.scss
@@ -11,6 +11,11 @@
     z-index:            map-get($z-indexes, c-post-bottom-bar);
     transition:         transform .25s ease-in-out;
     -webkit-transition: -webkit-transform .25s ease-in-out;
+
+    min-width: calc(#{map-get($main-content, max-width)} + 2 * #{map-get($main-content, padding-right-left)});
+    @media only screen and (max-width: calc(#{map-get($main-content, max-width)} + 2 * #{map-get($main-content, padding-right-left)})) {
+        min-width: 100%;
+    }
 }
 
 @media #{$small-and-down} {

diff --git a/src/scss/layouts/_header.scss b/src/scss/layouts/_header.scss
@@ -18,6 +18,11 @@
     -webkit-backface-visibility: hidden;
     -webkit-perspective:         1000;
 
+    min-width: calc(#{map-get($main-content, max-width)} + 2 * #{map-get($main-content, padding-right-left)});
+    @media only screen and (max-width: calc(#{map-get($main-content, max-width)} + 2 * #{map-get($main-content, padding-right-left)})) {
+        min-width: 100%;
+    }
+
     #btn-open-sidebar {
         position: absolute;
         // vertical center

diff --git a/src/scss/layouts/_main.scss b/src/scss/layouts/_main.scss
@@ -5,6 +5,11 @@
     transition:         transform .25s ease-in-out;
     -webkit-transition: -webkit-transform .25s ease-in-out;
 
+    min-width: calc(#{map-get($main-content, max-width)} + 2 * #{map-get($main-content, padding-right-left)});
+    @media only screen and (max-width: calc(#{map-get($main-content, max-width)} + 2 * #{map-get($main-content, padding-right-left)})) {
+        min-width: 100%;
+    }
+
     &.hasCover {
         // Set `padding-top` to `50px` when there is a cover image on page and
         // if there is a cover caption or

diff --git a/static/css/style-jsjn0006wyhpyzivf6yceb31gvpjatbcs3qzjvlumobfnugccvobqwxnnaj8.min.css b/static/css/style-jsjn0006wyhpyzivf6yceb31gvpjatbcs3qzjvlumobfnugccvobqwxnnaj8.min.css