MDL-77375 theme: Re-fix the bootstrap scrollbar issue

crazyserver · Jun 30, 2023 · d30d229 · d30d229
1 parent 8dbb618
commit d30d229
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 3 deletions.
diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
@@ -420,9 +420,20 @@ form.popupform div {
 
 // Position required for table sizing inside a flex container.
 .no-overflow > .generaltable {
-    position: relative;
     margin-bottom: 0;
 }
+
+.no-overflow,
+.table-responsive {
+    .generaltable {
+        .sr-only,
+        .accesshide {
+            position: relative;
+            display: block;
+        }
+    }
+}
+
 // Accessibility features
 
 // Accessibility: text 'seen' by screen readers but not visual users.

diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -23286,10 +23286,17 @@ form.popupform div {
 }
 
 .no-overflow > .generaltable {
-  position: relative;
   margin-bottom: 0;
 }
 
+.no-overflow .generaltable .sr-only,
+.no-overflow .generaltable .accesshide,
+.table-responsive .generaltable .sr-only,
+.table-responsive .generaltable .accesshide {
+  position: relative;
+  display: block;
+}
+
 .accesshide {
   position: absolute;
   width: 1px;

diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
@@ -23286,10 +23286,17 @@ form.popupform div {
 }
 
 .no-overflow > .generaltable {
-  position: relative;
   margin-bottom: 0;
 }
 
+.no-overflow .generaltable .sr-only,
+.no-overflow .generaltable .accesshide,
+.table-responsive .generaltable .sr-only,
+.table-responsive .generaltable .accesshide {
+  position: relative;
+  display: block;
+}
+
 .accesshide {
   position: absolute;
   width: 1px;