Issue #3291047 by Wim Leers, Spokje: Move Quick Edit-specific styling of CKEditor 4 & 5 into Quick Edit module

core/modules/ckeditor/css/ckeditor.css

@@ -23,17 +23,3 @@
   font-size: 14px;
   -webkit-touch-callout: none;
 }
-
-/**
- * Adjust the style of in-place editing CKEditor instances.
- */
-.quickedit-toolgroup.wysiwyg-main .cke_chrome,
-.quickedit-toolgroup.wysiwyg-main .cke_inner,
-.quickedit-toolgroup.wysiwyg-main .cke_top {
-  border-top: none;
-  border-right: none;
-  border-bottom: none;
-  border-left: none;
-  background: transparent;
-  box-shadow: none;
-}

core/modules/ckeditor5/ckeditor5.libraries.yml

@@ -17,9 +17,6 @@ drupal.ckeditor5.internal:
 drupal.ckeditor5:
   js:
     js/ckeditor5.js: {}
-  css:
-    theme:
-      css/quickedit.css: { }
   dependencies:
     - core/jquery
     - core/once

core/modules/quickedit/css/editors/formattedText.ckeditor.css

@@ -0,0 +1,18 @@
+/**
+ * @file
+ * Functional styles for the CKEditor-based formatted text in-place editor.
+ */
+
+/**
+ * Adjust the style of in-place editing CKEditor instances.
+ */
+.quickedit-toolgroup.wysiwyg-main .cke_chrome,
+.quickedit-toolgroup.wysiwyg-main .cke_inner,
+.quickedit-toolgroup.wysiwyg-main .cke_top {
+  border-top: none;
+  border-right: none;
+  border-bottom: none;
+  border-left: none;
+  background: transparent;
+  box-shadow: none;
+}

core/modules/quickedit/css/editors/formattedText.ckeditor5.css

@@ -0,0 +1,9 @@
+/**
+ * @file
+ * Functional styles for the CKEditor 5-based formatted text in-place editor.
+ */
+
+.quickedit-toolgroup.wysiwyg-main .ck.ck-toolbar {
+  border: none;
+  background: none;
+}

core/modules/quickedit/quickedit.libraries.yml

@@ -50,6 +50,10 @@ quickedit.inPlaceEditor.form:
 
 quickedit.inPlaceEditor.formattedText:
   version: VERSION
+  css:
+    component:
+      css/editors/formattedText.ckeditor.css: {}
+      css/editors/formattedText.ckeditor5.css: {}
   js:
     js/editors/formattedTextEditor.js: { attributes: { defer: true } }
   dependencies:

core/themes/stable/css/quickedit/editors/formattedText.ckeditor.css

@@ -0,0 +1,18 @@
+/**
+ * @file
+ * Functional styles for the CKEditor-based formatted text in-place editor.
+ */
+
+/**
+ * Adjust the style of in-place editing CKEditor instances.
+ */
+.quickedit-toolgroup.wysiwyg-main .cke_chrome,
+.quickedit-toolgroup.wysiwyg-main .cke_inner,
+.quickedit-toolgroup.wysiwyg-main .cke_top {
+  border-top: none;
+  border-right: none;
+  border-bottom: none;
+  border-left: none;
+  background: transparent;
+  box-shadow: none;
+}

core/themes/stable/css/quickedit/editors/formattedText.ckeditor5.css

@@ -0,0 +1,18 @@
+/**
+ * @file
+ * Functional styles for the CKEditor-based formatted text in-place editor.
+ */
+
+/**
+ * Adjust the style of in-place editing CKEditor instances.
+ */
+.quickedit-toolgroup.wysiwyg-main .cke_chrome,
+.quickedit-toolgroup.wysiwyg-main .cke_inner,
+.quickedit-toolgroup.wysiwyg-main .cke_top {
+  border-top: none;
+  border-right: none;
+  border-bottom: none;
+  border-left: none;
+  background: transparent;
+  box-shadow: none;
+}

core/themes/stable/stable.info.yml

@@ -188,6 +188,11 @@ libraries-override:
       theme:
         css/quickedit.theme.css: css/quickedit/quickedit.theme.css
         css/quickedit.icons.theme.css: css/quickedit/quickedit.icons.theme.css
+  quickedit/quickedit.inPlaceEditor.formattedText:
+    css:
+      component:
+        css/editors/formattedText.ckeditor.css: css/quickedit/editors/formattedText.ckeditor.css
+        css/editors/formattedText.ckeditor5.css: css/quickedit/editors/formattedText.ckeditor5.css
   quickedit/quickedit.inPlaceEditor.image:
     css:
       component:

core/themes/stable9/css/quickedit/editors/formattedText.ckeditor.css

@@ -0,0 +1,18 @@
+/**
+ * @file
+ * Functional styles for the CKEditor-based formatted text in-place editor.
+ */
+
+/**
+ * Adjust the style of in-place editing CKEditor instances.
+ */
+.quickedit-toolgroup.wysiwyg-main .cke_chrome,
+.quickedit-toolgroup.wysiwyg-main .cke_inner,
+.quickedit-toolgroup.wysiwyg-main .cke_top {
+  border-top: none;
+  border-right: none;
+  border-bottom: none;
+  border-left: none;
+  background: transparent;
+  box-shadow: none;
+}

core/themes/stable9/css/quickedit/editors/formattedText.ckeditor5.css

@@ -0,0 +1,18 @@
+/**
+ * @file
+ * Functional styles for the CKEditor-based formatted text in-place editor.
+ */
+
+/**
+ * Adjust the style of in-place editing CKEditor instances.
+ */
+.quickedit-toolgroup.wysiwyg-main .cke_chrome,
+.quickedit-toolgroup.wysiwyg-main .cke_inner,
+.quickedit-toolgroup.wysiwyg-main .cke_top {
+  border-top: none;
+  border-right: none;
+  border-bottom: none;
+  border-left: none;
+  background: transparent;
+  box-shadow: none;
+}

core/themes/stable9/stable9.info.yml

@@ -208,6 +208,11 @@ libraries-override:
       theme:
         css/quickedit.theme.css: css/quickedit/quickedit.theme.css
         css/quickedit.icons.theme.css: css/quickedit/quickedit.icons.theme.css
+  quickedit/quickedit.inPlaceEditor.formattedText:
+    css:
+      component:
+        css/editors/formattedText.ckeditor.css: css/quickedit/editors/formattedText.ckeditor.css
+        css/editors/formattedText.ckeditor5.css: css/quickedit/editors/formattedText.ckeditor5.css
   quickedit/quickedit.inPlaceEditor.image:
     css:
       component: