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/assets/styles/bmc/custom/_dropdown.scss | |
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/assets/styles/bmc/custom/_dropdown.scss')
-rw-r--r-- | src/assets/styles/bmc/custom/_dropdown.scss | 39 |
1 files changed, 17 insertions, 22 deletions
diff --git a/src/assets/styles/bmc/custom/_dropdown.scss b/src/assets/styles/bmc/custom/_dropdown.scss index 1c3e48ba..e4de5816 100644 --- a/src/assets/styles/bmc/custom/_dropdown.scss +++ b/src/assets/styles/bmc/custom/_dropdown.scss @@ -1,35 +1,30 @@ +// Make calendar visible over the table +.dropdown-menu { + z-index: $zindex-dropdown + 1; + padding: 0; +} .dropdown-item { padding-left: $spacer/2; } - .b-dropdown-form { padding: $spacer/2; .form-group { margin-bottom: $spacer/2; } } - -// Adding component style to global stylesheet because -// single-file component scoped styles aren't -// being applied to dynamically appended elements -// The overflow menu should be above the table - +// Table filter dropdown clear button style .table-filter { - .dropdown-menu { - z-index: $zindex-dropdown + 1; - padding: 0; - .dropdown-item { - &:hover { - background-color: gray("200"); - } - &:active { - background-color: gray("300"); - } - &:focus { - outline: none; - background-color: transparent; - box-shadow: inset 0 0 0 2px theme-color("primary"); - } + .dropdown-item { + &:hover { + background-color: gray("200"); + } + &:active { + background-color: gray("300"); + } + &:focus { + outline: none; + background-color: transparent; + box-shadow: inset 0 0 0 2px theme-color("primary"); } } }
\ No newline at end of file |