diff options
author | Dixsie Wolmers <dixsie@ibm.com> | 2020-11-11 01:07:56 +0300 |
---|---|---|
committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-11-13 18:37:57 +0300 |
commit | 30f11f818168c89126777b717ab37829e25e8378 (patch) | |
tree | 2bfea87a7f99cc1143df630fda3c908e8c02b6e7 /src/components/Global/Search.vue | |
parent | 151dd2491c01e70ed69baf638c22624fae598361 (diff) | |
download | webui-vue-30f11f818168c89126777b717ab37829e25e8378.tar.xz |
Align button icons
- Fixes button icon and text alignment
- App header buttons to be addressed separately
- Button documentation will be addressed in separate commit
- Aligns form input buttons: datepicker, clear search, and password toggle
- Moves title from icon to button for icon only buttons
- Aligns validation icon with form input buttons
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: Ie28d7d7dd7303ab6bf1897d1fa569e1580cc2f9d
Diffstat (limited to 'src/components/Global/Search.vue')
-rw-r--r-- | src/components/Global/Search.vue | 16 |
1 files changed, 3 insertions, 13 deletions
diff --git a/src/components/Global/Search.vue b/src/components/Global/Search.vue index c259df91..d472c0c9 100644 --- a/src/components/Global/Search.vue +++ b/src/components/Global/Search.vue @@ -23,10 +23,12 @@ <b-button v-if="filter" variant="link" + class="btn-icon-only input-action-btn" :aria-label="$t('global.ariaLabel.clearSearch')" + :title="$t('global.ariaLabel.clearSearch')" @click="onClearSearch" > - <icon-close :title="$t('global.ariaLabel.clearSearch')" /> + <icon-close /> </b-button> </b-input-group> </b-form-group> @@ -77,16 +79,4 @@ export default { z-index: 4; stroke: gray('400'); } - -.btn { - position: absolute; - right: 0; - top: 0; - padding: 0.4rem 1rem; - z-index: 4; - svg { - margin-left: 0; - vertical-align: sub; - } -} </style> |