diff --git a/ui/src/style/components/tables.scss b/ui/src/style/components/tables.scss index 85dfeb3b4c..e0c4e2b325 100644 --- a/ui/src/style/components/tables.scss +++ b/ui/src/style/components/tables.scss @@ -1,6 +1,9 @@ /* - Stuff for making Tables of Data more readable + Table Styles ---------------------------------------------- + Most table styles are located in the Bootstrap + Theme. Styles in here are for specific additions + to tables that bootstrap does not do on its own */ // table-custom class allows us to make a table from divs so we can use @@ -43,58 +46,6 @@ } } -table { - thead th { - color: $g17-whisper !important; - border-width: 1px; - border-color: $g5-pepper !important; - } - tbody td { - font-weight: 500; - color: $g14-chromium !important; - border: 0 !important; - padding: 6px 8px !important; - } - tbody tr:hover { - background-color: $g4-onyx; - - td { - color: $g19-ghost !important; - } - } -} - -table .monotype { - font-family: $code-font; - letter-spacing: 0px; - font-size: 12px; - font-weight: 500; - color: $g9-mountain; -} -.table-dot { - display: inline-block; - width: 12px; - height: 12px; - border-radius: 50%; - background-color: $g17-whisper; - - &.dot-success { - background-color: $c-rainforest; - } - &.dot-primary { - background-color: $c-pool; - } - &.dot-warning { - background-color: $c-pineapple; - } - &.dot-danger { - background-color: $c-dreamsicle; - } - &.dot-critical { - background-color: $c-fire; - } -} - /* Sortable Tables ---------------------------------------------- @@ -181,7 +132,7 @@ $table-tab-scrollbar-height: 6px; .table--tab { font-size: 12px; font-weight: 600; - @include no-user-select(); + @include no-user-select(); height: $table-tab-height; border-radius: $radius-small $radius-small 0 0; line-height: $table-tab-height;