From ba07bb42e1f7028c3c23d9a1b61136eaaed71d6d 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 9d15080934f..90805d167a7 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -414,9 +414,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 4c19f11e9a8..4c5456b8778 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -13136,10 +13136,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 84855111011..fdf5ff15b85 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -13136,10 +13136,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;