diff options
author | Vitalii Lysak <v.lysak@dunice.net> | 2022-07-29 11:52:52 +0300 |
---|---|---|
committer | Vitalii Lysak <v.lysak@dunice.net> | 2022-07-29 11:52:52 +0300 |
commit | ccd5ce16f56cd6fb3b4c332c0274d97f1b798970 (patch) | |
tree | 8dd4ee2ab0dba53470afb9183c8ddb75a8ab96f0 /src/components | |
parent | e9a1e1182a8d87adb68923812c14c40c54f4bf9b (diff) | |
parent | 925486f5137af8f8880be627404d5f8f5ba779ec (diff) | |
download | webui-vue-ccd5ce16f56cd6fb3b4c332c0274d97f1b798970.tar.xz |
Merge branch 'sila-ui' of git.sila.ru:pub/openbmc/webui-vue into sila-ui
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/_sila/AppHeader/AppHeader.vue | 28 | ||||
-rw-r--r-- | src/components/_sila/Global/ButtonBackToTop.vue | 10 |
2 files changed, 29 insertions, 9 deletions
diff --git a/src/components/_sila/AppHeader/AppHeader.vue b/src/components/_sila/AppHeader/AppHeader.vue index b890331b..22be55c7 100644 --- a/src/components/_sila/AppHeader/AppHeader.vue +++ b/src/components/_sila/AppHeader/AppHeader.vue @@ -43,13 +43,13 @@ </b-navbar-brand> <div v-if="isNavTagPresent" :key="routerKey" class="pl-2 nav-tags"> <span>|</span> - <span class="pl-3">{{ assetTag }}</span> - <span class="pl-3">{{ modelType }}</span> - <span class="pl-3">{{ serialNumber }}</span> + <span class="pl-2">{{ assetTag }}</span> + <span class="pl-2">{{ modelType }}</span> + <span class="pl-2">{{ serialNumber }}</span> </div> </b-navbar-nav> <!-- Right aligned nav items --> - <b-navbar-nav class="ml-auto"> + <b-navbar-nav class="ml-auto helper-menu"> <b-nav-item to="/logs/event-logs" data-test-id="appHeader-container-health" @@ -258,6 +258,9 @@ export default { color: color('white') !important; fill: currentColor; padding: 0.68rem 1rem !important; + @include media-breakpoint-down(md) { + padding: 0.68rem 0.5rem !important; + } &:hover { background-color: theme-color-level(light, 10); @@ -281,6 +284,23 @@ export default { @include media-breakpoint-up($responsive-layout-bp) { height: $header-height; } + + .helper-menu { + @include media-breakpoint-down(sm) { + width: 100%; + justify-content: flex-end; + } + + .nav-link, + .btn { + padding: $spacer / 1.125 $spacer / 2; + } + .responsive-text { + @include media-breakpoint-down(xs) { + @include sr-only; + } + } + } } .navbar-nav { diff --git a/src/components/_sila/Global/ButtonBackToTop.vue b/src/components/_sila/Global/ButtonBackToTop.vue index 9160c7b7..6d891e56 100644 --- a/src/components/_sila/Global/ButtonBackToTop.vue +++ b/src/components/_sila/Global/ButtonBackToTop.vue @@ -47,8 +47,8 @@ export default { <style lang="scss" scoped> .btn-top { position: fixed; - bottom: 24px; - right: 24px; + bottom: $spacer; + right: $spacer * 2; box-shadow: $box-shadow; visibility: hidden; @@ -56,9 +56,9 @@ export default { transition: $transition-base; z-index: $zindex-fixed; - @media (min-width: 1600px) { - left: 1485px; - right: auto; + @include media-breakpoint-up($responsive-layout-bp) { + left: auto; + right: $spacer * 2; } } .show-btn { |