Ckeditor5: Enlarge link's highlight background

Created on 7 Mar 2018  路  11Comments  路  Source: ckeditor/ckeditor5

Current:

image

With 1px outline:

image

WDYT?

Most helpful comment

No, no padding. Padding is dangerous in inline stuff. Just a 1px outline.

All 11 comments

cc @oleq @dkonopka

LGTM. Is this some padding or an actual outline?

Looks good to me too, it's padding I guess?

No, no padding. Padding is dangerous in inline stuff. Just a 1px outline.

We could perhaps even play with the colour of this outline. I wonder if it would look any good if it was e.g. slightly darker, to create a kind of a border. Something which will indicate the integrity of this link (not sure how to tell this).

Some ideas:

screen shot 2018-03-08 at 16 22 54
screen shot 2018-03-08 at 16 22 47
screen shot 2018-03-08 at 16 22 40

Hm... From all these, I'd choose the 1st option (solid). But at the same time, I can see that we don't have enough space inside that box, so it gets too crowdy in there. So, I'd prefer the same colour as the bg.

I'm for keeping it simple - outline with the same background looks 馃憤

@dkonopka Can you create a PR?

Guys, what do you think in the situation with highlight feature?
Should .ck-link_selected change background on children elements like <mark>?

Current

link-current

Proposal with outline

link-in-highlight

Proposal with outline & background

highlight-in-link-proposal

Proposal with outline & background

馃憤

Link highlight, just like selection's highlight, should have the precedence.

Was this page helpful?
0 / 5 - 0 ratings