Issue #112: Try to align different dialog type styles a bit (#113)

backdrop-contrib · Jun 18, 2024 · b36833f · b36833f
1 parent 0ade333
commit b36833f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/css/tinymce-frontend.css b/css/tinymce-frontend.css
@@ -23,3 +23,10 @@ ul[data-list-style="circle"] {
 ul[data-list-style="square"] {
   list-style-type: square;
 }
+/* Get Tiny dialog display slightly closer to Backdrop dialog styles. */
+.tox.tox-silver-sink .tox-dialog {
+  border-radius: 0;
+}
+.tox.tox-silver-sink .tox-dialog-wrap__backdrop {
+  background-color: #0002;
+}
diff --git a/js/tinymce-integration.js b/js/tinymce-integration.js
@@ -26,6 +26,9 @@
       // Backdrop link dialog.
       options.convert_urls = false;
 
+      // Add tiny's skin name to body classes for easier styling.
+      $('body').addClass('tinymce-skin-' + options.skin);
+
       // Additional variables from hook.
       for (let item in format.editorSettings.backdrop) {
         options[item] = format.editorSettings.backdrop[item];