CSS fix controls in detached editor

relates to xibosignage/xibo#3546
xibosignage · Dec 2, 2024 · 6ad2029 · 6ad2029
1 parent 5525ce8
commit 6ad2029
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/ui/src/style/forms.scss b/ui/src/style/forms.scss
@@ -107,13 +107,17 @@
 }
 
 .ck-editor-body-detached .ck-body-wrapper .ck-balloon-panel[data-main-toolbar] {
+    z-index: calc($properties-panel-rich-text-container-z-index + 2) !important;
     right: 150px !important;
     left: auto !important;
     top: auto !important;
     bottom: calc(100vh - 100px) !important;
     width: calc(100vw - 300px) !important;
     display: block;
-    overflow: auto;
+
+    &::before, &:after {
+        display: none;
+    }
 }
 
 .ck-editor-body-detached .ck-body-wrapper .ck-balloon-panel:not(.ck-powered-by-balloon):not([data-main-toolbar]) {