summaryrefslogtreecommitdiff
path: root/src/assets/styles/bmc/_sila/_tables.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/assets/styles/bmc/_sila/_tables.scss')
-rw-r--r--src/assets/styles/bmc/_sila/_tables.scss92
1 files changed, 92 insertions, 0 deletions
diff --git a/src/assets/styles/bmc/_sila/_tables.scss b/src/assets/styles/bmc/_sila/_tables.scss
index 8d9f391e..7dca75dc 100644
--- a/src/assets/styles/bmc/_sila/_tables.scss
+++ b/src/assets/styles/bmc/_sila/_tables.scss
@@ -213,4 +213,96 @@
padding-left: 1rem;
}
}
+}
+
+.table-accessory {
+ border: none;
+ thead th {
+ border-bottom: 1px solid $gray-30;
+ background-color: transparent !important;
+ padding: 5px 0;
+ }
+
+ tbody tr td {
+ border: none;
+ padding: 2px;
+ }
+ td {
+ font-size: 0.745rem;
+ color: $text-tretiatry;
+
+ }
+ .thead-light th > div {
+ font-size: 0.755rem !important;
+ }
+
+ // @include media-breakpoint-down(xs) {
+ // .b-table-stacked-sm {
+ // border: 1px solid $gray-10;
+
+ // tr {
+
+ // &:not(:first-child) > td[aria-colindex='1'] {
+ // padding-top: 0.625rem;
+ // }
+
+ // &:not(.b-table-empty-row) {
+ // position: relative; // Restrict background color to get zebra striping for the row
+
+ // &::before,
+ // &::after {
+ // position: absolute;
+ // top: 0;
+ // height: 100%;
+ // z-index: -1;
+ // }
+
+ // &:before {
+ // content: '';
+ // background-color: gray("200");
+ // width: 40%;
+ // border-right: 1px solid gray("300");
+ // }
+
+ // &:after {
+ // content: '';
+ // right: 0;
+ // width: 60%;
+ // }
+
+ // &:nth-child(even)::after {
+ // background-color: gray("100"); // Zebra striping for the row
+ // }
+ // }
+
+ // td {
+ // border: 0;
+ // padding: 0.75rem;
+ // text-align: left !important;
+
+ // &:last-of-type {
+ // border-right: 0;
+ // }
+ // }
+ // }
+ // }
+
+ // .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] {
+ // &::before {
+ // text-align: left;
+ // padding-left: $spacer / 2;
+ // }
+
+ // > div {
+ // padding-left: 1rem;
+ // }
+ // }
+ // }
+}
+
+.item-color {
+ display: inline-block;
+ width: 8px;
+ height: 8px;
+ border-radius: 2px;
} \ No newline at end of file