diff options
| author | Thibaud Lepretre <thibaud.lepretre@gmail.com> | 2019-08-30 20:27:39 +0300 |
|---|---|---|
| committer | Thibaud Lepretre <thibaud.lepretre@gmail.com> | 2021-08-11 15:02:19 +0300 |
| commit | 88f14dcdc9981767dbee056b6b2e020ae4b845ad (patch) | |
| tree | 330da507e60ba423ac82ca02c319fe1ed5c9a2d6 /src/scss/utils/mixins/_bottom-bar.scss | |
| parent | 039f7373e585ee32d9dfec4e56feb5261d31ad3c (diff) | |
Fixing sidebar swipping and relatives items
Diffstat (limited to 'src/scss/utils/mixins/_bottom-bar.scss')
| -rwxr-xr-x | src/scss/utils/mixins/_bottom-bar.scss | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/scss/utils/mixins/_bottom-bar.scss b/src/scss/utils/mixins/_bottom-bar.scss index 0f207ca..103257a 100755 --- a/src/scss/utils/mixins/_bottom-bar.scss +++ b/src/scss/utils/mixins/_bottom-bar.scss @@ -30,6 +30,17 @@ &.pushed { @include prefix(transform, translate3d(#{map-get($sidebar, md-screen-width)}, 0, 0), 'webkit' 'moz'); width: calc(100% - #{map-get($sidebar, md-screen-width)} - 15px * 2); + + .post-actions-wrap { + ul.post-action-nav { + // Best width for responsive post's navigation panel on very small screen + width: 35%; + } + ul.post-action-share { + // Best width for responsive post's share panel on very small screen + width: 65%; + } + } } } @@ -38,6 +49,17 @@ &.pushed { @include prefix(transform, translate3d(#{map-get($sidebar, lg-screen-width)}, 0, 0), 'webkit' 'moz'); width: calc(100% - #{map-get($sidebar, lg-screen-width)} - 15px * 2); + + .post-actions-wrap { + ul.post-action-nav { + // Best width for responsive post's navigation panel on very small screen + width: 35%; + } + ul.post-action-share { + // Best width for responsive post's share panel on very small screen + width: 65%; + } + } } } /// Mixin helper to pushed bottom bar from extra large sidebar size |