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 #6517.
ckeditor · Apr 9, 2020 · ed9fcdb · ed9fcdb
2 parents 16214fe + f525206
commit ed9fcdb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 19 deletions.
diff --git a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css b/packages/ckeditor5-theme-lark/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/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/formheader/formheader.css b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/formheader/formheader.css