diff options
| author | SurenNeware <sneware9@in.ibm.com> | 2020-10-12 12:56:39 +0300 |
|---|---|---|
| committer | Derick Montague <derick.montague@ibm.com> | 2020-10-16 00:36:34 +0300 |
| commit | a5cbc449c201696f5ff4d77dfc18c4f60b4d901d (patch) | |
| tree | a58c6265fcf44fa8d6cd3c3d7c5fd4f3e71aaeca /src/components/AppHeader/AppHeader.vue | |
| parent | 7ee53240fb2d5e89d13bb68e13723fe6e4e83458 (diff) | |
| download | webui-vue-a5cbc449c201696f5ff4d77dfc18c4f60b4d901d.tar.xz | |
Add title attribute to header actions
- Add title attrbute to refresh and avatar icons in app
header.
Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: I89629548ecf5141e3c168fe7b5e1a60d1f86620c
Diffstat (limited to 'src/components/AppHeader/AppHeader.vue')
| -rw-r--r-- | src/components/AppHeader/AppHeader.vue | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue index bdaca017..aadb8e7f 100644 --- a/src/components/AppHeader/AppHeader.vue +++ b/src/components/AppHeader/AppHeader.vue @@ -11,14 +11,19 @@ id="app-header-trigger" class="nav-trigger" aria-hidden="true" - title="Open navigation" type="button" variant="link" :class="{ open: isNavigationOpen }" @click="toggleNavigation" > - <icon-close v-if="isNavigationOpen" /> - <icon-menu v-if="!isNavigationOpen" /> + <icon-close + v-if="isNavigationOpen" + :title="$t('appHeader.titleHideNavigation')" + /> + <icon-menu + v-if="!isNavigationOpen" + :title="$t('appHeader.titleShowNavigation')" + /> </b-button> <b-navbar-nav> <b-nav-item to="/" data-test-id="appHeader-container-overview"> @@ -53,7 +58,7 @@ data-test-id="appHeader-button-refresh" @click="refresh" > - <icon-renew /> + <icon-renew :title="$t('appHeader.titleRefresh')" /> <span class="responsive-text">{{ $t('appHeader.refresh') }}</span> </b-button> </li> @@ -65,7 +70,7 @@ data-test-id="appHeader-container-user" > <template v-slot:button-content> - <icon-avatar /> + <icon-avatar :title="$t('appHeader.titleProfile')" /> <span class="responsive-text">{{ username }}</span> </template> <b-dropdown-item @@ -195,7 +200,7 @@ export default { .navbar-text, .nav-link, .btn-link { - color: $white !important; + color: theme-color('light') !important; fill: currentColor; } } |