diff options
| author | johnsoncodehk <johnsoncodehk@gmail.com> | 2018-07-11 10:44:44 +0300 |
|---|---|---|
| committer | Thibaud Leprêtre <thibaud.lepretre@gmail.com> | 2018-09-09 13:22:10 +0300 |
| commit | 576b1a740639dbf96dc5338267ddd9d376932737 (patch) | |
| tree | 3a4fd53af6b204a5c626b44531334a1356f5d2b8 /src/scss/utils/mixins/_bottom-bar.scss | |
| parent | 97bbefe8a0c581a96885841c75f8edb7966a04c0 (diff) | |
Fix content out of the container when open sidebar
fixes #278
Diffstat (limited to 'src/scss/utils/mixins/_bottom-bar.scss')
| -rwxr-xr-x | src/scss/utils/mixins/_bottom-bar.scss | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/src/scss/utils/mixins/_bottom-bar.scss b/src/scss/utils/mixins/_bottom-bar.scss index 32f7131..91c7cbb 100755 --- a/src/scss/utils/mixins/_bottom-bar.scss +++ b/src/scss/utils/mixins/_bottom-bar.scss @@ -27,20 +27,26 @@ /// Mixin helper to pushed bottom bar from medium sidebar size @mixin bottom-bar-pushed-md { + @include prefix(transition, 'width 0.5s, margin-left 0.5s', 'webkit' 'moz'); &.pushed { - @include prefix(transform, translate3d(#{map-get($sidebar, md-screen-width)}, 0, 0), 'webkit' 'moz'); + margin-left: #{map-get($sidebar, md-screen-width)}; + width: calc(100% - #{map-get($sidebar, md-screen-width)}); } } /// Mixin helper to pushed bottom bar from large sidebar size @mixin bottom-bar-pushed-lg { + @include prefix(transition, 'width 0.5s, margin-left 0.5s', 'webkit' 'moz'); &.pushed { - @include prefix(transform, translate3d(#{map-get($sidebar, lg-screen-width)}, 0, 0), 'webkit' 'moz'); + margin-left: #{map-get($sidebar, lg-screen-width)}; + width: calc(100% - #{map-get($sidebar, lg-screen-width)}); } } /// Mixin helper to pushed bottom bar from extra large sidebar size @mixin bottom-bar-pushed-xlg { + @include prefix(transition, 'width 0.5s, margin-left 0.5s', 'webkit' 'moz'); &.pushed { - @include prefix(transform, translate3d(#{map-get($sidebar, xlg-screen-width)}, 0, 0), 'webkit' 'moz'); + margin-left: #{map-get($sidebar, xlg-screen-width)}; + width: calc(100% - #{map-get($sidebar, xlg-screen-width)}); } }
\ No newline at end of file |