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
diff --git a/src/components/Global/InputPasswordToggle.vue b/src/components/Global/InputPasswordToggle.vue
index 6ac9863..228746c 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 @@
.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 e198e92..c0008de 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"