Insert link: unify link interfaces

[karmatosed]

Right now we have a little variation on styling for links, most have been update to the current one but lets fix those that haven't.

Here is the latest interface:

This however on images right now isn't updated here:

You can see it even more, when you have both link interfaces open:

For buttons you get the following:

I would suggest we should unify the links and have everything use the same like we do in these examples:

[mtias]

@karmatosed what's the status of this one? Maybe we need specific issues for any that are wrong.

[designsimply]

@karmatosed would you like me to split this issue out into more specific ones or would it be better to wait for a unified design to be posted here first?

Regarding design, would it be possible to note the post type (e.g. Page, CPT name, or the date for posts) on the right for suggested links or should that be filed as a separate issue? Note: asking because it was requested in #9660.

^{Example screenshot from #2084 showing how post types are listed in link suggestions in the classic editor.}

[karmatosed]

@designsimply and @mtias, yes let's split this out into issues for each one. Let's first focus though on unifying over adding new features right now. We totally can later but the bigger issue is if each one doesn't do the same.

[mtias]

@karmatosed what is the status of this?

[karmatosed]

We need to fix for button only:

[afercia]

@designsimply when you have a chance 🙂 has the post type / date thing been split in a separate issue? Couldn't find one. Thanks! /Cc @azaozz

[karmatosed]

To illustrate what this needs. Right now we have this:

Ideally we would have the link design to be the same as the other instances:

[mtias]

Ideally we would have the link design to be the same as the other instances:

The button shows the url input on selection of the block, should it still use a dropdown menu in that case?

[karmatosed]

The button shows the url input on selection of the block, should it still use a dropdown menu in that case?

My feelings are yes because that's our interface for linking. It isn't perfect but right now feels a good step. For example even without text, you get the following for cover image:

[mtias]

The biggest outlier seems to be the Button block. Punting this from 5.0 as improvements there can be done later.

[designsimply]

I am closing this issue and deferring to #8000 as the last issue remaining for the request to unify the link interfaces for the paragraph, button, image caption, cover image, and quote blocks. See audit details below.

/hat tip @nfmohit-wpmudev and @kadencethemes for proposing solutions to #8000 in #10128 and #12738 respectively.

I audited link inserters for the following blocks:

1. Paragraph
2. Button
3. Image (done in sidebar not popover)
4. Image caption
5. Cover image
6. Quote

And found the following:

1. Image block currently does not have a Urlpopover link inserter, image links are set in the sidebar and this looks to be by design (screenshot).
2. Button block link inserter does not match the rest (screenshot).

I also moved the request to include different post types and the dates of posts to the suggested links to #13641. cc @afercia