Fix modal z-index in new full page ConverseJS.

2024-03-26 12:34:44 +01:00 · 2024-03-26 12:34:44 +01:00 · 1fd985ce3e
parent 7b0ab15128
commit 1fd985ce3e
1 changed files with 12 additions and 0 deletions
--- a/conversejs/custom/shared/styles/_variables.scss
+++ b/conversejs/custom/shared/styles/_variables.scss
@ -17,6 +17,18 @@ body.converse-embedded {
  --livechat-transparent: rgba(0 0 0 / 0%);
 }

+body.converse-embedded {
+  .conversejs .modal {
+    // modal z-index = use same z-index as Peertube (see Peertube _variables.scss)
+    z-index: 19000;
+  }
+
+  .modal-backdrop {
+    // must be just under .modal.
+    z-index: 18999;
+  }
+}
+
 /* Chat embedded in a full client page. */
 .livechat-embed-fullpage {
  converse-root {