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/assets/styles/bmc/custom/_dropdown.scss b/src/assets/styles/bmc/custom/_dropdown.scss
index 1c3e48b..e4de581 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