Parcourir la source

Decreased the specificity of the widget's nested editable styles to make it possible to style tables as a content (see ckeditor/ckeditor5-table#2).

Aleksander Nowodzinski il y a 7 ans
Parent
commit
3202b9eef5
1 fichiers modifiés avec 10 ajouts et 10 suppressions
  1. 10 10
      packages/ckeditor5-theme-lark/theme/ckeditor5-widget/widget.css

+ 10 - 10
packages/ckeditor5-theme-lark/theme/ckeditor5-widget/widget.css

@@ -29,18 +29,18 @@
 	&:hover {
 		outline: var(--ck-widget-outline-thickness) solid var(--ck-color-widget-border-hover);
 	}
+}
 
-	& .ck-editor__nested-editable {
-		border: 1px solid transparent;
+.ck .ck-editor__nested-editable {
+	border: 1px solid transparent;
 
-		/* The :focus style is applied before .ck-editor__nested-editable_focused class is rendered in the view.
-		These styles show a different border for a blink of an eye, so `:focus` need to have same styles applied. */
-		&.ck-editor__nested-editable_focused,
-		&:focus {
-			@mixin ck-focus-ring;
-			@mixin ck-box-shadow var(--ck-inner-shadow);
+	/* The :focus style is applied before .ck-editor__nested-editable_focused class is rendered in the view.
+	These styles show a different border for a blink of an eye, so `:focus` need to have same styles applied. */
+	&.ck-editor__nested-editable_focused,
+	&:focus {
+		@mixin ck-focus-ring;
+		@mixin ck-box-shadow var(--ck-inner-shadow);
 
-			background-color: var(--ck-color-widget-editable-focused-background);
-		}
+		background-color: var(--ck-color-widget-editable-focused-background);
 	}
 }