From e2375658cccca6fb2bb78635c851ff569edc614b Mon Sep 17 00:00:00 2001 From: Brian Teeman Date: Thu, 8 Sep 2022 10:26:29 +0100 Subject: [PATCH] Table Columns js Although not used in core the issue raised #38729 makes sense and might be used by extensions Testing either by code review or by adding the d-xs-, d-sm-, d-xxl- classes to an existing table As it is a js change you will need to test with either a pre-built package from the links below or to apply the pr and run `npm run build:js` --- build/media_source/system/js/table-columns.es6.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/build/media_source/system/js/table-columns.es6.js b/build/media_source/system/js/table-columns.es6.js index 6ffaa4608bac0..f1dcd9b86d838 100644 --- a/build/media_source/system/js/table-columns.es6.js +++ b/build/media_source/system/js/table-columns.es6.js @@ -111,11 +111,11 @@ class TableColumns { // Remove "media query" classes, which may prevent toggling from working. this.$headers.forEach(($el) => { - $el.classList.remove('d-none', 'd-md-table-cell', 'd-lg-table-cell', 'd-xl-table-cell'); + $el.classList.remove('d-none', 'd-xs-table-cell', 'd-sm-table-cell', 'd-md-table-cell', 'd-lg-table-cell', 'd-xl-table-cell', 'd-xxl-table-cell'); }); this.$rows.forEach(($row) => { [].slice.call($row.children).forEach(($el) => { - $el.classList.remove('d-none', 'd-md-table-cell', 'd-lg-table-cell', 'd-xl-table-cell'); + $el.classList.remove('d-none', 'd-xs-table-cell', 'd-sm-table-cell', 'd-md-table-cell', 'd-lg-table-cell', 'd-xl-table-cell', 'd-xxl-table-cell'); }); });