Add updated table styles
- Refer below link for styles:
https://ibm.invisionapp.com/share/D8O06PPE32B#/screens
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: I6dcc3b8d0fb7ef19388b5bfeaf87fce78725b638
diff --git a/src/assets/styles/bmc/custom/_tables.scss b/src/assets/styles/bmc/custom/_tables.scss
index b3ef056..8b8c4a8 100644
--- a/src/assets/styles/bmc/custom/_tables.scss
+++ b/src/assets/styles/bmc/custom/_tables.scss
@@ -17,6 +17,9 @@
.thead-light th {
border: none;
color: theme-color("dark");
+ &:focus {
+ outline: none;
+ }
}
.status-icon svg {
@@ -60,6 +63,17 @@
fill: theme-color("dark");
}
}
+ .b-table-sort-icon-left {
+ background-position: left calc(1.5rem / 2) center !important;
+ padding-left: calc(1.2rem + 0.65em) !important;
+ &:focus {
+ outline: none;
+ box-shadow: inset 0 0 0 2px theme-color('primary') !important;
+ }
+ &:hover {
+ background-color: theme-color-dark('light');
+ }
+ }
}
.b-table-sticky-header td {