From d30d229e9a1f345873df1beebf7233028e644ef5 Mon Sep 17 00:00:00 2001
From: Shamim Rezaie <shamim@moodle.com>
Date: Sun, 21 May 2023 02:31:23 +1000
Subject: [PATCH] MDL-77375 theme: Re-fix the bootstrap scrollbar issue

---
 theme/boost/scss/moodle/core.scss | 13 ++++++++++++-
 theme/boost/style/moodle.css      |  9 ++++++++-
 theme/classic/style/moodle.css    |  9 ++++++++-
 3 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index c2cfb1fcf5d..c924b610f2a 100644
--- 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
index 804021cb2e6..050e60a8bbd 100644
--- 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
index 50d36935518..b0d8bdf677f 100644
--- 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;