L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MDL-85222 themes: Remove grey zebra-striping background on reports

Browse Source 
Only removing the grey background in small sceens when
the table is displayed as an accordion

Co-authored-by: Mikel Martín Corrales <[email protected]>
This commit is contained in:
Tasio
2025-04-17 15:44:53 +02:00
co-authored by Mikel Martín Corrales
parent bf164840d9
commit aacdf63823
3 changed files with 18 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/boost/scss/moodle/reportbuilder.scss
+2 -4
View File
@@ -373,6 +373,8 @@ $rb-sortable-list-drag-color: lighten($primary, 40%);
@mixin table-cards {
table.reportbuilder-table {
--#{$prefix}table-striped-bg: #{$card-bg};
--#{$prefix}table-hover-bg: #{$card-bg};
thead {
display: none;
}
@@ -381,14 +383,10 @@ $rb-sortable-list-drag-color: lighten($primary, 40%);
flex-direction: column;
margin: .5rem 0;
padding: .25rem .5rem 0 .5rem;
background-color: $card-bg !important; /* stylelint-disable-line declaration-no-important */
word-wrap: break-word;
background-clip: border-box;
border: $card-border-width solid $card-border-color;
@include border-radius($card-border-radius);
&:hover {
background-color: $card-bg !important; /* stylelint-disable-line declaration-no-important */
}
&.emptyrow {
display: none;
}
theme/boost/style/moodle.css
+8 -8
View File
@@ -40172,6 +40172,10 @@ div.editor_atto_toolbar button .icon {
}
@media (max-width: 575.98px) {
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table {
--bs-table-striped-bg: var(--bs-body-bg);
--bs-table-hover-bg: var(--bs-body-bg);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
display: none;
}
@@ -40180,15 +40184,11 @@ div.editor_atto_toolbar button .icon {
flex-direction: column;
margin: 0.5rem 0;
padding: 0.25rem 0.5rem 0 0.5rem;
background-color: var(--bs-body-bg) !important; /* stylelint-disable-line declaration-no-important */
word-wrap: break-word;
background-clip: border-box;
border: var(--bs-border-width) solid var(--bs-border-color-translucent);
border-radius: var(--bs-border-radius);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:hover {
background-color: var(--bs-body-bg) !important; /* stylelint-disable-line declaration-no-important */
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
display: none;
}
@@ -40232,6 +40232,10 @@ div.editor_atto_toolbar button .icon {
}
}
@media (min-width: 576px) {
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table {
--bs-table-striped-bg: var(--bs-body-bg);
--bs-table-hover-bg: var(--bs-body-bg);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
display: none;
}
@@ -40240,15 +40244,11 @@ div.editor_atto_toolbar button .icon {
flex-direction: column;
margin: 0.5rem 0;
padding: 0.25rem 0.5rem 0 0.5rem;
background-color: var(--bs-body-bg) !important; /* stylelint-disable-line declaration-no-important */
word-wrap: break-word;
background-clip: border-box;
border: var(--bs-border-width) solid var(--bs-border-color-translucent);
border-radius: var(--bs-border-radius);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:hover {
background-color: var(--bs-body-bg) !important; /* stylelint-disable-line declaration-no-important */
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
display: none;
}
theme/classic/style/moodle.css
+8 -8
View File
@@ -40106,6 +40106,10 @@ div.editor_atto_toolbar button .icon {
}
@media (max-width: 575.98px) {
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table {
--bs-table-striped-bg: var(--bs-body-bg);
--bs-table-hover-bg: var(--bs-body-bg);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
display: none;
}
@@ -40114,15 +40118,11 @@ div.editor_atto_toolbar button .icon {
flex-direction: column;
margin: 0.5rem 0;
padding: 0.25rem 0.5rem 0 0.5rem;
background-color: var(--bs-body-bg) !important; /* stylelint-disable-line declaration-no-important */
word-wrap: break-word;
background-clip: border-box;
border: var(--bs-border-width) solid var(--bs-border-color-translucent);
border-radius: var(--bs-border-radius);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:hover {
background-color: var(--bs-body-bg) !important; /* stylelint-disable-line declaration-no-important */
}
.reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
display: none;
}
@@ -40166,6 +40166,10 @@ div.editor_atto_toolbar button .icon {
}
}
@media (min-width: 576px) {
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table {
--bs-table-striped-bg: var(--bs-body-bg);
--bs-table-hover-bg: var(--bs-body-bg);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
display: none;
}
@@ -40174,15 +40178,11 @@ div.editor_atto_toolbar button .icon {
flex-direction: column;
margin: 0.5rem 0;
padding: 0.25rem 0.5rem 0 0.5rem;
background-color: var(--bs-body-bg) !important; /* stylelint-disable-line declaration-no-important */
word-wrap: break-word;
background-clip: border-box;
border: var(--bs-border-width) solid var(--bs-border-color-translucent);
border-radius: var(--bs-border-radius);
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:hover {
background-color: var(--bs-body-bg) !important; /* stylelint-disable-line declaration-no-important */
}
.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
display: none;
}