Merge pull request #277 from ckeditor/i/6517-ck-blurred

Other: The selection inside the `InlineEditableUIView` should be grey when the editor is blurred. Closes ckeditor/ckeditor5#6517.
ckeditor · Apr 9, 2020 · 8ad92eb · 8ad92eb
2 parents e50e1bf + a3f8f4a
commit 8ad92eb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 19 deletions.
diff --git a/theme/ckeditor5-ui/components/editorui/editorui.css b/theme/ckeditor5-ui/components/editorui/editorui.css
@@ -9,6 +9,10 @@
 @import "../../../mixins/_focus.css";
 @import "../../mixins/_button.css";
 
+:root {
+	--ck-color-editable-blur-selection: hsl(0, 0%, 85%);
+}
+
 .ck.ck-editor__editable:not(.ck-editor__nested-editable) {
 	@mixin ck-rounded-corners;
 
@@ -40,6 +44,11 @@
 	& > *:last-child {
 		margin-bottom: var(--ck-spacing-large);
 	}
+
+	/* https://github.com/ckeditor/ckeditor5/issues/6517 */
+	&.ck-blurred ::selection {
+		background: var(--ck-color-editable-blur-selection);
+	}
 }
 
 /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/111 */

diff --git a/theme/ckeditor5-ui/components/formheader/formheader.css b/theme/ckeditor5-ui/components/formheader/formheader.css