moodle/theme/boost/scss/moodle/tables.scss
Paul Holden 4037bdd825 MDL-69036 theme_boost: consistent table row hovering for links.
When hovering over table rows with the `dimmed_text` class we
should consistently set the text/link colour.

Co-Authored-By: Mikel Martín <mikel@moodle.com>
2021-03-09 16:22:48 +00:00

64 lines
1.4 KiB
SCSS

.generaltable {
width: 100%;
margin-bottom: $spacer;
color: $table-color;
background-color: $table-bg; // Reset for nesting within parents with `background-color`.
th,
td {
padding: $table-cell-padding;
vertical-align: top;
border-top: $table-border-width solid $table-border-color;
}
thead th {
vertical-align: bottom;
border-bottom: (2 * $table-border-width) solid $table-border-color;
}
tbody + tbody {
border-top: (2 * $table-border-width) solid $table-border-color;
}
tbody tr:nth-of-type(#{$table-striped-order}) {
background-color: $table-accent-bg;
}
&.table-sm {
th,
td {
padding: $table-cell-padding-sm;
}
}
tbody tr {
@include hover {
color: $table-hover-color;
background-color: $table-hover-bg;
&.dimmed_text {
a:not(.menu-action) {
color: $table-hover-color;
}
}
}
}
}
table {
caption {
font-size: 24px;
font-weight: bold;
line-height: 42px;
text-align: left;
caption-side: top;
}
}
.table-dynamic .loading-icon {
position: absolute;
left: calc(50% - 1.5rem);
top: 200px;
.icon {
height: 3rem;
width: 3rem;
font-size: 3rem;
}
}