vendor/assets/stylesheets/components/_layout.scss in active_frontend-16.0.24 vs vendor/assets/stylesheets/components/_layout.scss in active_frontend-16.1.0

- old
+ new

@@ -16,12 +16,12 @@ height: 100%; overflow-x: hidden; overflow-y: auto; &.with-sticky-header { - height: calc(100% - 76px); - margin-top: 76px; + height: calc(100% - 64px); + margin-top: 64px; } } .layout-body { width: 100%; } .layout-sidebar { width: 300px; @@ -61,10 +61,12 @@ .layout-body, .layout-sidebar { height: initial; min-height: 100%; margin: 0; + max-width: 100%; + width: 100%; &.with-sticky-header { margin: 0; min-height: 100%; } @@ -76,13 +78,12 @@ &.with-sticky-navbar { padding-bottom: 54px; } } } .layout-sidebar { - max-width: 300px; - width: 75%; - - &.with-sticky-header { height: 100%; } - &:not(.hidden) + .layout-body { width: calc(100% - 260px); } - &.fixed + .layout-body { width: 100%; } + &.with-sticky-header { + height: calc(100% - 54px); + margin-top: 54px; + min-height: calc(100% - 54px); + } } }