From fde429e08a1643a9fab05131aaef563260743aa6 Mon Sep 17 00:00:00 2001 From: Sukanya Pandey Date: Mon, 14 Sep 2020 20:48:39 +0530 Subject: Add updated table styles - Refer below link for styles: https://ibm.invisionapp.com/share/D8O06PPE32B#/screens Signed-off-by: Sukanya Pandey Change-Id: I6dcc3b8d0fb7ef19388b5bfeaf87fce78725b638 --- src/assets/styles/bmc/custom/_tables.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'src/assets/styles/bmc/custom') diff --git a/src/assets/styles/bmc/custom/_tables.scss b/src/assets/styles/bmc/custom/_tables.scss index b3ef0565..8b8c4a8e 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 { -- cgit v1.2.3