diff options
author | Vitalii Lysak <v.lysak@dunice.net> | 2022-08-08 14:09:11 +0300 |
---|---|---|
committer | Vitalii Lysak <v.lysak@dunice.net> | 2022-08-08 14:09:11 +0300 |
commit | b47d010946d35bf5236cbee74db8040ceb92dde7 (patch) | |
tree | ebf00ac21b144131d13d941ce2958c0bd988ed14 | |
parent | fec3022f369f7b61637fb6f97d4957d81b8a3d50 (diff) | |
download | webui-vue-b47d010946d35bf5236cbee74db8040ceb92dde7.tar.xz |
fx styles for header btns
-rw-r--r-- | src/assets/styles/bmc/_sila/_base.scss | 28 | ||||
-rw-r--r-- | src/components/_sila/AppHeader/AppHeader.vue | 8 | ||||
-rw-r--r-- | src/components/_sila/Global/TableToolbar.vue | 2 |
3 files changed, 34 insertions, 4 deletions
diff --git a/src/assets/styles/bmc/_sila/_base.scss b/src/assets/styles/bmc/_sila/_base.scss index 4a54d84e..31d181c1 100644 --- a/src/assets/styles/bmc/_sila/_base.scss +++ b/src/assets/styles/bmc/_sila/_base.scss @@ -109,6 +109,34 @@ h6, } } +.header-nav { + .nav-link { + border-radius: 8px !important; + &:active, + &:hover, + &:focus { + color: #fff !important; + box-shadow: none !important; + } + } + + .btn-link { + border-radius: 8px !important; + &:active, + &:hover, + &:focus { + color: #fff !important; + box-shadow: none !important; + } + } +} + +.toolbar-actions { + .btn { + box-shadow: none; + } +} + .disabledDiv { pointer-events: none; opacity: 0.3; diff --git a/src/components/_sila/AppHeader/AppHeader.vue b/src/components/_sila/AppHeader/AppHeader.vue index dbda7365..1c901890 100644 --- a/src/components/_sila/AppHeader/AppHeader.vue +++ b/src/components/_sila/AppHeader/AppHeader.vue @@ -52,6 +52,7 @@ <b-navbar-nav class="ml-auto helper-menu"> <b-nav-item to="/logs/event-logs" + class="header-nav" data-test-id="appHeader-container-health" > <status-icon :status="healthStatusIcon" /> @@ -59,13 +60,14 @@ </b-nav-item> <b-nav-item to="/operations/server-power-operations" + class="header-nav" data-test-id="appHeader-container-power" > <status-icon :status="serverStatusIcon" /> {{ $t('appHeader.power') }} </b-nav-item> <!-- Using LI elements instead of b-nav-item to support semantic button elements --> - <li class="nav-item"> + <li class="nav-item header-nav"> <b-button id="app-header-refresh" variant="link" @@ -76,7 +78,7 @@ <span class="responsive-text">{{ $t('appHeader.refresh') }}</span> </b-button> </li> - <li class="nav-item notifications"> + <li class="nav-item header-nav notifications"> <b-dropdown id="app-notifications" variant="link" right> <template #button-content> <icon-notification :title="$t('appHeader.titleNotification')" /> @@ -171,7 +173,7 @@ </b-dropdown-group> </b-dropdown> </li> - <li class="nav-item"> + <li class="nav-item header-nav"> <b-dropdown id="app-header-user" variant="link" diff --git a/src/components/_sila/Global/TableToolbar.vue b/src/components/_sila/Global/TableToolbar.vue index 5235feae..028b0497 100644 --- a/src/components/_sila/Global/TableToolbar.vue +++ b/src/components/_sila/Global/TableToolbar.vue @@ -18,7 +18,7 @@ {{ action.label }} </b-button> <b-button - variant="secondary" + variant="primary" class="d-block" @click="$emit('clear-selected')" > |