summaryrefslogtreecommitdiff
path: root/src/assets
diff options
context:
space:
mode:
authorDixsie Wolmers <dixsie@ibm.com>2020-10-22 14:34:56 +0300
committerDerick Montague <derick.montague@ibm.com>2020-10-27 21:09:51 +0300
commita04d46f7cad356da22d794e994195e801f5998b7 (patch)
tree9b4547d72d584f2a3a7befd263a9342591881bea /src/assets
parent736f2a4b3c5569f3e2644525845245477e7ba2ff (diff)
downloadwebui-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')
-rw-r--r--src/assets/styles/bmc/custom/_tables.scss13
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;