diff options
author | SurenNeware <sneware9@in.ibm.com> | 2020-06-08 18:23:26 +0300 |
---|---|---|
committer | SurenNeware <sneware9@in.ibm.com> | 2020-06-24 14:08:39 +0300 |
commit | 057232b85405e8c4a3a6a8c0245e582f26571927 (patch) | |
tree | b95635cdbc2fd82f0b68a068c2a628ab211e4fa6 /src/components/AppNavigation | |
parent | 386df45f71ecbdac5ef7b8d828010ac48587d479 (diff) | |
download | webui-vue-057232b85405e8c4a3a6a8c0245e582f26571927.tar.xz |
Responsive Site Header
- Changed Header shortcut menu Icon position
- Fixed Media devices responsive layout
Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: I817d8f11d9fb720bb9e37f4a136cb19305144228
Diffstat (limited to 'src/components/AppNavigation')
-rw-r--r-- | src/components/AppNavigation/AppNavigation.vue | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue index 09c1eb8b..8e7b8fbf 100644 --- a/src/components/AppNavigation/AppNavigation.vue +++ b/src/components/AppNavigation/AppNavigation.vue @@ -157,7 +157,10 @@ svg { } .nav { - padding-top: $spacer; + padding-top: $spacer / 4; + @include media-breakpoint-up($responsive-layout-bp) { + padding-top: $spacer; + } } .nav-item__nav { @@ -246,6 +249,9 @@ svg { background-color: $container-bgd; transform: translateX(-$navigation-width); transition: transform $exit-easing--productive $duration--moderate-02; + @include media-breakpoint-down(md) { + z-index: $zindex-fixed + 2; + } &.open { transform: translateX(0); @@ -264,7 +270,7 @@ svg { bottom: 0; left: 0; right: 0; - z-index: $zindex-fixed - 1; + z-index: $zindex-fixed + 1; background-color: $black; opacity: 0.5; |