diff options
author | SurenNeware <sneware9@in.ibm.com> | 2020-08-17 16:12:20 +0300 |
---|---|---|
committer | SurenNeware <sneware9@in.ibm.com> | 2020-10-07 14:39:31 +0300 |
commit | dc618a8dbc778c273015540e438cf81e1933175f (patch) | |
tree | 930aa1f4b2dcca2863f95d87fa6d69c66e9e3a33 /src/components/Global | |
parent | fde429e08a1643a9fab05131aaef563260743aa6 (diff) | |
download | webui-vue-dc618a8dbc778c273015540e438cf81e1933175f.tar.xz |
Add new style guide to global button style
- Updated new style guide for Primary, Secondary and Link button variants
- Changed box-shadow style from outer to inside on focus and active state
- Updated font weight from bold to regular for normal buttons and font
weight bold for link button.
Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: I38ca94baa9daec3fd03b830fc7b6d676fcce15b0
Diffstat (limited to 'src/components/Global')
-rw-r--r-- | src/components/Global/InputPasswordToggle.vue | 12 | ||||
-rw-r--r-- | src/components/Global/TableDateFilter.vue | 4 |
2 files changed, 3 insertions, 13 deletions
diff --git a/src/components/Global/InputPasswordToggle.vue b/src/components/Global/InputPasswordToggle.vue index 6ac98639..228746cf 100644 --- a/src/components/Global/InputPasswordToggle.vue +++ b/src/components/Global/InputPasswordToggle.vue @@ -4,6 +4,7 @@ <b-button :aria-label="$t('global.ariaLabel.showPassword')" variant="link" + class="input-action-btn" :class="{ isVisible: isVisible }" @click="toggleVisibility" > @@ -52,15 +53,4 @@ export default { .input-password-toggle-container { position: relative; } - -.btn { - position: absolute; - right: 0; - top: 0; - padding: 0.4rem 1rem; - svg { - margin-left: 0; - vertical-align: sub; - } -} </style> diff --git a/src/components/Global/TableDateFilter.vue b/src/components/Global/TableDateFilter.vue index e198e920..c0008dea 100644 --- a/src/components/Global/TableDateFilter.vue +++ b/src/components/Global/TableDateFilter.vue @@ -26,9 +26,9 @@ <template slot:append> <b-form-datepicker v-model="fromDate" + class="input-action" button-only right - size="sm" :max="toDate" :hide-header="true" :locale="locale" @@ -76,9 +76,9 @@ <template slot:append> <b-form-datepicker v-model="toDate" + class="input-action" button-only right - size="sm" :min="fromDate" :hide-header="true" :locale="locale" |