Skip to content
Permalink
Browse files

fix(tables): add in missing Bootstrap variant class `bg-active` for d…

…ark tables (#4098)
  • Loading branch information...
tmorehouse committed Sep 18, 2019
1 parent e35ad51 commit d9900ab12555540987eb130b4b0300e3c810e247
Showing with 15 additions and 0 deletions.
  1. +4 −0 src/_variables.scss
  2. +11 −0 src/components/table/_table.scss
@@ -88,6 +88,10 @@ $bv-enable-table-stacked: true !default;
$b-table-stacked-heading-width: 40% !default;
$b-table-stacked-gap: 1rem !default;

// Bootstrap v4.3 is missing the "active" variant for dark tables
// Which translates to `bg-active`, but only for tables
$table-dark-active-bg: $table-dark-hover-bg !default;

// --- Toasts ---

// Toaster defaults
@@ -34,6 +34,17 @@
caption-side: top !important;
}
}

// Add in missing `bg-active` class for table tbody rows
// Bootstrap v4.3 is missing this for dark tables
// `bg-active` class cannot be applied to individual cells
> tbody > .bg-active {
&,
> th,
> td {
background-color: $table-dark-active-bg;
}
}
}

// --- Table sticky header styling ---

0 comments on commit d9900ab

Please sign in to comment.
You can’t perform that action at this time.