From d4376c28f1e9db30def041caa327f51ab9464733 Mon Sep 17 00:00:00 2001
From: David Woloszyn <david.woloszyn@moodle.com>
Date: Thu, 20 Jun 2024 13:05:18 +1000
Subject: [PATCH 1/2] MDL-79231 mod_assign: Fix Tiny menu in fullscreen mode

---
 mod/assign/styles.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/mod/assign/styles.css b/mod/assign/styles.css
index 07db38c778b..9e63e71dcd6 100644
--- a/mod/assign/styles.css
+++ b/mod/assign/styles.css
@@ -1141,6 +1141,11 @@
         float: none;
         margin: 0 auto 10px;
     }
+
+    /* Bug fix for TinyMCE menu when in fullscreen mode (small screens). */
+    body.tox-fullscreen.path-mod-assign [data-region="grading-navigation"] {
+        display: none;
+    }
 }
 
 /** Start of CSS to make forms vertical in the grading panel (taken from theme/bootstrapbase/less/moodle/forms.less). */
@@ -1216,3 +1221,13 @@ div[id*='mod_assign-timer-'] {
     font-weight: 600;
     font-size: 1.4em;
 }
+
+/* Bug fix for TinyMCE menu when in fullscreen mode. */
+body.tox-fullscreen.path-mod-assign [data-region="grade-panel"] {
+    position: unset;
+}
+
+/* Bug fix for TinyMCE menu when in fullscreen mode and when editor is nested in a popout.*/
+body.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement[data-fieldtype="editor"] {
+    overflow: unset;
+}

From 7962b734aad5bf8f4f97b96859e9a1970f6f7166 Mon Sep 17 00:00:00 2001
From: David Woloszyn <david.woloszyn@moodle.com>
Date: Thu, 20 Jun 2024 14:31:03 +1000
Subject: [PATCH 2/2] MDL-79231 core_theme: Fix Tiny menu in fullscreen mode
 modals

---
 theme/boost/scss/moodle/modal.scss | 21 +++++++++++++++++++++
 theme/boost/style/moodle.css       | 19 +++++++++++++++++++
 theme/classic/style/moodle.css     | 19 +++++++++++++++++++
 3 files changed, 59 insertions(+)

diff --git a/theme/boost/scss/moodle/modal.scss b/theme/boost/scss/moodle/modal.scss
index 23ebb8db601..dfb5b4abb01 100644
--- a/theme/boost/scss/moodle/modal.scss
+++ b/theme/boost/scss/moodle/modal.scss
@@ -29,3 +29,24 @@
         }
     }
 }
+
+/* Bug fix for TinyMCE menu when in fullscreen mode. */
+body.tox-fullscreen .modal-dialog {
+    width: 100%;
+    max-width: 100%;
+    height: 100%;
+
+    .modal-header {
+        height: 0;
+        padding: 0;
+    }
+
+    .tox-tinymce-aux {
+        position: relative;
+    }
+}
+
+/* Bug fix TinyMCE menu width dropdowns when in fullscreen mode. */
+body.tox-fullscreen .tox.tox-tinymce-aux {
+    position: relative !important; // stylelint-disable-line declaration-no-important
+}
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 714278b9d83..e31a281fdb7 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -36948,6 +36948,25 @@ span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, sp
   opacity: inherit;
 }
 
+/* Bug fix for TinyMCE menu when in fullscreen mode. */
+body.tox-fullscreen .modal-dialog {
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+}
+body.tox-fullscreen .modal-dialog .modal-header {
+  height: 0;
+  padding: 0;
+}
+body.tox-fullscreen .modal-dialog .tox-tinymce-aux {
+  position: relative;
+}
+
+/* Bug fix TinyMCE menu width dropdowns when in fullscreen mode. */
+body.tox-fullscreen .tox.tox-tinymce-aux {
+  position: relative !important;
+}
+
 .layout.fullscreen {
   height: 100vh;
   position: fixed;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index f5c928a29f1..8cfcada65ca 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -36882,6 +36882,25 @@ span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, sp
   opacity: inherit;
 }
 
+/* Bug fix for TinyMCE menu when in fullscreen mode. */
+body.tox-fullscreen .modal-dialog {
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+}
+body.tox-fullscreen .modal-dialog .modal-header {
+  height: 0;
+  padding: 0;
+}
+body.tox-fullscreen .modal-dialog .tox-tinymce-aux {
+  position: relative;
+}
+
+/* Bug fix TinyMCE menu width dropdowns when in fullscreen mode. */
+body.tox-fullscreen .tox.tox-tinymce-aux {
+  position: relative !important;
+}
+
 .layout.fullscreen {
   height: 100vh;
   position: fixed;