|
@@ -8,17 +8,17 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// fixed table head
|
|
// fixed table head
|
|
|
|
|
+ // Uses Bootstrap CSS variables so the sticky header follows light/dark mode
|
|
|
|
|
+ // automatically. Fixes #6026.
|
|
|
&.table-head-fixed {
|
|
&.table-head-fixed {
|
|
|
thead tr:nth-child(1) th {
|
|
thead tr:nth-child(1) th {
|
|
|
position: sticky;
|
|
position: sticky;
|
|
|
top: 0;
|
|
top: 0;
|
|
|
z-index: 10;
|
|
z-index: 10;
|
|
|
- background-color: $white;
|
|
|
|
|
|
|
+ background-color: var(--bs-body-bg, #{$white});
|
|
|
border-bottom: 0;
|
|
border-bottom: 0;
|
|
|
- box-shadow: inset 0 1px 0 $table-border-color, inset 0 -1px 0 $table-border-color;
|
|
|
|
|
|
|
+ box-shadow: inset 0 1px 0 var(--bs-border-color, #{$table-border-color}), inset 0 -1px 0 var(--bs-border-color, #{$table-border-color});
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- // Note: Dark table styling for fixed headers is handled by Bootstrap's built-in dark table classes
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// no border
|
|
// no border
|