vendor/assets/stylesheets/components/_layout.scss in active_frontend-16.0.14 vs vendor/assets/stylesheets/components/_layout.scss in active_frontend-16.0.15
- old
+ new
@@ -56,27 +56,33 @@
&:not(.hidden) + .layout-body { width: calc(100% - 220px); }
&.fixed + .layout-body { width: 100%; }
}
}
@media only screen and (max-width: 767px) {
+ .layout-body,
+ .layout-sidebar {
+ height: initial;
+ min-height: 100%;
+ margin: 0;
+
+ &.with-sticky-header {
+ margin: 0;
+ min-height: 100%;
+ }
+ }
.layout-body {
&.with-sticky-header {
- height: calc(100% - 54px);
- margin-top: 54px;
+ height: initial;
+ padding-top: 54px;
- &.with-sticky-navbar { height: calc(100% - 108px); }
+ &.with-sticky-navbar { padding-bottom: 54px; }
}
}
.layout-sidebar {
max-width: 300px;
width: 75%;
- &.with-sticky-header {
- height: 100%;
- margin-top: 0;
-
- &.with-sticky-navbar { height: 100%; }
- }
+ &.with-sticky-header { height: 100%; }
&:not(.hidden) + .layout-body { width: calc(100% - 260px); }
&.fixed + .layout-body { width: 100%; }
}
}