Skip to content
This repository has been archived by the owner on Jun 26, 2020. It is now read-only.

t/ckeditor5/815: The input focus outline should not overwhelm the surrounding form #140

Merged
merged 3 commits into from
Feb 16, 2018

Conversation

oleq
Copy link
Member

@oleq oleq commented Feb 15, 2018

Suggested merge commit message (convention)

Fix: The input focus outline should not overwhelm the surrounding form. Closes ckeditor/ckeditor5#815.


Additional information

Before

localhost_8125_ckeditor5-core_tests_manual_article html 8

After

localhost_8125_ckeditor5-core_tests_manual_article html 7

@oleq oleq requested a review from dkonopka February 15, 2018 15:33
Copy link
Contributor

@dkonopka dkonopka left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good, but maybe we should consider shorthand/variable improvement.

@@ -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;
Copy link
Contributor

@dkonopka dkonopka Feb 16, 2018

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe we should variable for duration and/or timing-function like

--ck-input-text-transition: .2s ease-in-out

I really like that transition! WDYT about using a shorthand CSS syntax?

transition: box-shadow, border var(--ck-input-text-transition);

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's for sure. But TBH, I'd do that in ckeditor/ckeditor5#810 because most likely we'd have to figure out a set of variables to control transitions/animations across the theme anyway.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
2 participants