From fde429e08a1643a9fab05131aaef563260743aa6 Mon Sep 17 00:00:00 2001
From: Sukanya Pandey <sukapan1@in.ibm.com>
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 <sukapan1@in.ibm.com>
Change-Id: I6dcc3b8d0fb7ef19388b5bfeaf87fce78725b638
---
 src/assets/styles/bmc/custom/_tables.scss     | 14 ++++++++++++++
 src/assets/styles/bmc/helpers/_functions.scss |  4 ++++
 2 files changed, 18 insertions(+)

(limited to 'src/assets/styles')

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 {
diff --git a/src/assets/styles/bmc/helpers/_functions.scss b/src/assets/styles/bmc/helpers/_functions.scss
index 456caf36..57956c99 100644
--- a/src/assets/styles/bmc/helpers/_functions.scss
+++ b/src/assets/styles/bmc/helpers/_functions.scss
@@ -2,4 +2,8 @@
 // theme variant color to use as a background color
 @function theme-color-light($variant) {
   @return theme-color-level($variant, -11.3);
+}
+
+@function theme-color-dark($variant) {
+  @return theme-color-level($variant, 2);
 }
\ No newline at end of file
-- 
cgit v1.2.3