8
0
Эх сурвалжийг харах

Merge pull request #140 from ckeditor/t/ckeditor5/815

Fix: The input focus outline should not stand out too much. Closes ckeditor/ckeditor5#815.
Aleksander Nowodzinski 8 жил өмнө
parent
commit
3285d7ff69

+ 3 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/inputtext/inputtext.css

@@ -23,6 +23,9 @@
 	/* This is important to stay of the same height as surrounding buttons */
 	min-height: var(--ck-ui-component-min-height);
 
+	transition-property: box-shadow,border;
+	transition: .2s ease-in-out;
+
 	&:focus {
 		@mixin ck-focus-ring;
 		@mixin ck-box-shadow var(--ck-focus-outer-shadow), var(--ck-inner-shadow);

+ 1 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_focus.css

@@ -7,7 +7,7 @@
 	/**
 	 * A visual style of focused element's outer shadow.
 	 */
-	--ck-focus-outer-shadow: 0 0 3px 1px var(--ck-color-focus-shadow);
+	--ck-focus-outer-shadow: 0 0 3px var(--ck-color-focus-shadow);
 
 	/**
 	 * A visual style of focused element's border or outline.