Update DocumentBar with post type label

[richtabor]

In an effort to improve the reference points between post types in the Site Editor, I propose removing the icons and using a visible label for the post types in the DocumentBar.

Tasks

• Remove the icon.
• Add support for the post type label.
• If there's a post type label, place a · between them.

Current

Proposed

[Mamaduka]

Related #62186. cc @afercia

[creativecoder]

@richtabor Note that there's one case with template parts, where the icon is used to identify the template part area (header, footer, or general), in addition to the post type. Do you think it's worth keeping the icon in this case?

Template part names are up to the theme, so these won't necessarily be named "Header" or "Footer":

[richtabor]

Do you think it's worth keeping the icon in this case?

I think it's fine just to use "Template Part".

[creativecoder]

PR here, trying this out: #65170

[creativecoder]

I noticed that we use the same treatment with the purple color, icon, and document name in the sidebar:

Perhaps the title text there should also have the icon removed, to be consistent?

[jasmussen]

You'll need to update the color of the template text to #6d6d6d, but otherwise, let's do it, it seems much clearer.

[afercia]

Related #62186. cc @afercia

Thanks for the ping. I'm in favor of reducing proliferation of icons in the editor and, as @Mamaduka pointed out, this would also solve #62186

Specifically to the Document Bar

It should be entirely reconsidered. Currently, its labeling completely mismatches its functionality.

Some history:

The need to clearly identify what is being edited in the editor isn't new. On April 2017 (more than 7 years ago) in #503 the accessibility feedback was to use a visible H1 heading as first title in the <main> content. All we got is a visually hidden heading.

Years later, the design wanted to add a visible indication of the object being edited thus validating the need for a visible indication. The Document Bar was added but its implementation is less than ideal. I will try to split all this in a separate issue.

For now, I support the removal of the icon in favor of visible text.