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

Improved visual styles of the image widget #84

Merged
merged 2 commits into from
Mar 31, 2017
Merged

Improved visual styles of the image widget #84

merged 2 commits into from
Mar 31, 2017

Conversation

szymonkups
Copy link
Contributor

@szymonkups szymonkups commented Mar 30, 2017

Suggested merge commit message (convention)

Fix: Improved visual styles of the image widget . Closes ckeditor/ckeditor5#5036.


Additional information

I've created two versions.
First version (on this branch) copies styles from https://ckeditor5.github.io/ (bigger outline over image, and new color on hovering):
ver1


Second version (on t/12a branch) tries to get close to things proposed by @oleq in ckeditor/ckeditor5#5036 (no rounded borders because CSS outline doesn't suport that - if we really want it we should start using border-color on focus):
ver2

@szymonkups szymonkups requested review from Reinmar and oleq March 30, 2017 13:58
@Reinmar
Copy link
Member

Reinmar commented Mar 30, 2017

I'd like something in between. I don't like the 2nd, heavier look, but I miss something in the 1st case when the nested editable has focus. That 1px border (not aligned to the sides of the image) looks somehow out of place.

@szymonkups
Copy link
Contributor Author

I've changed outline-offset to match size of the nested editable:
output

@oleq oleq merged commit 8fa3746 into master Mar 31, 2017
@Reinmar Reinmar deleted the t/12 branch March 31, 2017 13:53
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Improve visual styles of the image widget
3 participants