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

MDL-86548 theme_boost: Option to avoid the _reboot.scss reset for tables

Browse Source 
MDL-85659 introduced a reset of the Bootstrap _reboot.scss table styles.
This reset is applied to most tables (except those using the .table
class) and in some cases resulted in regressions such as unwanted
borders.
To address this, the .table-reboot class has been introduced as an
option to bypass the reset applied by MDL-85659 in undo.scss. Tables
affected by this regression can include this class, which is
intentionally styleless and preserves the original _reboot.scss styles
while preventing the addition of unwanted styling (borders).
This commit is contained in:
Mihail Geshoski
2025-09-11 12:05:00 +08:00
parent 0582c77a33
commit d8334584d4
4 changed files with 27 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.upgradenotes/MDL-86548-2025091104035997.yml
+8
View File
@@ -0,0 +1,8 @@
issueNumber: MDL-86548
notes:
theme_boost:
- message: >-
Tables affected by unwanted styling (e.g., borders) from the reset of
Bootstrap _reboot.scss styles can now opt out and preserve the original
behavior by adding the styleless .table-reboot class.
type: improved
public/theme/boost/scss/moodle/undo.scss
+3 -1
View File
@@ -242,8 +242,10 @@ $allow-reset-style: true !default;
/**
* Reset the Bootstrap _reboot.scss styles for tables.
* That reboot mainly affects tables added by the tiny editor.
* If a table should continue using the original _reboot.scss styles, add the .table-reboot (styleless) class to opt out
* of this reset.
*/
table:not(.table):not(.ygtvtable) {
table:not(.table):not(.ygtvtable):not(.table-reboot) {
thead,
tbody,
tfoot,
public/theme/boost/style/moodle.css
+8 -6
View File
@@ -38411,13 +38411,15 @@ body.reset-style .btn:not(.btn-icon) {
/**
* Reset the Bootstrap _reboot.scss styles for tables.
* That reboot mainly affects tables added by the tiny editor.
* If a table should continue using the original _reboot.scss styles, add the .table-reboot (styleless) class to opt out
* of this reset.
*/
table:not(.table):not(.ygtvtable) thead,
table:not(.table):not(.ygtvtable) tbody,
table:not(.table):not(.ygtvtable) tfoot,
table:not(.table):not(.ygtvtable) tr,
table:not(.table):not(.ygtvtable) td,
table:not(.table):not(.ygtvtable) th {
table:not(.table):not(.ygtvtable):not(.table-reboot) thead,
table:not(.table):not(.ygtvtable):not(.table-reboot) tbody,
table:not(.table):not(.ygtvtable):not(.table-reboot) tfoot,
table:not(.table):not(.ygtvtable):not(.table-reboot) tr,
table:not(.table):not(.ygtvtable):not(.table-reboot) td,
table:not(.table):not(.ygtvtable):not(.table-reboot) th {
border-color: var(--bs-border-color);
border-style: solid;
border-width: var(--bs-border-width);
public/theme/classic/style/moodle.css
+8 -6
View File
@@ -38345,13 +38345,15 @@ body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
/**
* Reset the Bootstrap _reboot.scss styles for tables.
* That reboot mainly affects tables added by the tiny editor.
* If a table should continue using the original _reboot.scss styles, add the .table-reboot (styleless) class to opt out
* of this reset.
*/
table:not(.table):not(.ygtvtable) thead,
table:not(.table):not(.ygtvtable) tbody,
table:not(.table):not(.ygtvtable) tfoot,
table:not(.table):not(.ygtvtable) tr,
table:not(.table):not(.ygtvtable) td,
table:not(.table):not(.ygtvtable) th {
table:not(.table):not(.ygtvtable):not(.table-reboot) thead,
table:not(.table):not(.ygtvtable):not(.table-reboot) tbody,
table:not(.table):not(.ygtvtable):not(.table-reboot) tfoot,
table:not(.table):not(.ygtvtable):not(.table-reboot) tr,
table:not(.table):not(.ygtvtable):not(.table-reboot) td,
table:not(.table):not(.ygtvtable):not(.table-reboot) th {
border-color: var(--bs-border-color);
border-style: solid;
border-width: var(--bs-border-width);