diff options
author | Dixsie Wolmers <dixsie@ibm.com> | 2020-10-22 14:34:56 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-10-27 21:09:51 +0300 |
commit | a04d46f7cad356da22d794e994195e801f5998b7 (patch) | |
tree | 9b4547d72d584f2a3a7befd263a9342591881bea /src/assets/styles/bmc/custom/_tables.scss | |
parent | 736f2a4b3c5569f3e2644525845245477e7ba2ff (diff) | |
download | webui-vue-a04d46f7cad356da22d794e994195e801f5998b7.tar.xz |
Fix table row alignment and table head border
- Aligns content in table rows with expand and action buttons
- Adds border to table head
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I403575bedc78d71ad05edcae2f59f7df994d3630
Diffstat (limited to 'src/assets/styles/bmc/custom/_tables.scss')
-rw-r--r-- | src/assets/styles/bmc/custom/_tables.scss | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/src/assets/styles/bmc/custom/_tables.scss b/src/assets/styles/bmc/custom/_tables.scss index a712d631..349bfad4 100644 --- a/src/assets/styles/bmc/custom/_tables.scss +++ b/src/assets/styles/bmc/custom/_tables.scss @@ -11,6 +11,7 @@ &:last-of-type { border-right: 1px solid gray("300"); } + vertical-align: middle; // Table action buttons .btn-link { @@ -23,9 +24,17 @@ } } - // thead-light added for specificiy + // thead-light added for specificity .thead-light th { - border: none; + vertical-align: middle; + border-top: 1px solid gray("300"); + border-bottom: 1px solid gray("300"); + &:first-of-type { + border-left: 1px solid gray("300"); + } + &:last-of-type { + border-right: 1px solid gray("300"); + } color: theme-color("dark"); &:focus { outline: none; |