From d2924ce9dc54edb080eaf227f92776437cb349c5 Mon Sep 17 00:00:00 2001 From: Dmitry Nehaychik <4dmitr@gmail.com> Date: Wed, 20 Sep 2017 17:48:52 +0300 Subject: [PATCH] fix(sidebar): hotfixes for sidebar --- src/app/@theme/layouts/sample/sample.layout.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/src/app/@theme/layouts/sample/sample.layout.scss b/src/app/@theme/layouts/sample/sample.layout.scss index 7ccf7b77..3d6b6cef 100644 --- a/src/app/@theme/layouts/sample/sample.layout.scss +++ b/src/app/@theme/layouts/sample/sample.layout.scss @@ -6,6 +6,22 @@ nb-layout-column.small { flex: 0.15 !important; } + // hot fix for iOS, TODO: move to framework + /deep/ body { + position: relative; + } + // hot fix for iOS, TODO: move to framework + nb-sidebar.fixed { + -webkit-transform: translate3d(0, 0, 0); // ios optimisation + height: calc(100vh - #{nb-theme(header-height)}); + + /deep/ .scrollable { + @include media-breakpoint-down(sm) { + overflow-y: scroll; + -webkit-overflow-scrolling: touch; + } + } + } nb-sidebar.settings-sidebar { $sidebar-width: 7.5rem;