MDL-84647 theme_boost: Fix coloured table rows
After the Bootstrap 5 upgrade, table rows with defined text colour (using "text-muted" helper class) were not affecting the inner cells. Add a custom rule in tables.scss to avoid that behaviour.
This commit is contained in:
@@ -57,6 +57,11 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
// Allow table cells to inherit text color and background color from table rows.
|
||||
tbody td {
|
||||
color: inherit;
|
||||
background-color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
|
||||
@@ -37334,6 +37334,10 @@ img.userpicture {
|
||||
.generaltable tbody tr:hover td.sticky-column {
|
||||
background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);
|
||||
}
|
||||
.generaltable tbody td {
|
||||
color: inherit;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
table caption {
|
||||
font-size: 24px;
|
||||
|
||||
@@ -37340,6 +37340,10 @@ img.userpicture {
|
||||
.generaltable tbody tr:hover td.sticky-column {
|
||||
background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);
|
||||
}
|
||||
.generaltable tbody td {
|
||||
color: inherit;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
table caption {
|
||||
font-size: 24px;
|
||||
|
||||
Reference in New Issue
Block a user