Improve UX of layer style categories with html

[signedav]

What means we provide displayRole in html format and have a delegate for the display text.

Description

There is a mess in the categories (see #58432 and #45146)

To reorder them would break backwards compatibility (what doesn't mean that we should not do it). But meanwhile this UX only improvement should help in the meantime.

• The grey texts are more descriptive and always there (because tooltips are nice, but if you don't know about them you won't look for them)

• There are new icons for layer configuration (without being mistaken with the source, fields (contains a small forms in there, to indicate it's a little bit more than just the fields) and notes (was missing before)

• Model and Delegate are now available in the API

• Improve design (grey)

• word wrap

• Improve texts with info from Copy/paste style category "Form" is missing some settings #45146 (comment)

• maybe better icons ( an notes icon)

• expose in the API (to ensure plugins using the same)

[github-actions]

🪟 Windows builds ready!

Windows builds of this PR are available for testing here. Debug symbols for this build are available here.

(Built from commit 816da02)

[kannes]

Nice! I think it could look a bit less busy if the longer, informative lines used a grey or thinner or smaller font.

[signedav]

Nice! I think it could look a bit less busy if the longer, informative lines used a grey or thinner or smaller font.

Thanks. I tried italic and it seemed noisy. Maybe grey would be worth a try...

[nirvn]

@signedav , good move, that'll help guide people through this otherwise relatively obscure set of categories. +1 to maybe have the text grayed out and/or slightly smaller (relative to main font app size).

I've not compiled it so maybe it does already, but list should allow for the description text to wrap to new lines when the dialog is narrower than the screenshot above.

[signedav]

Opinions on that @nirvn @kannes ?

grey	small	grey-and-small

I like the look of the smaller font, but I would rather "not read" it than the grey one.
Anyway I'm -1 to have small and grey.

[pathmapper]

Thank you, really helpful!

Maybe add also an icon for "Notes" to have the text aligned with the other categories? (a sticky note symbol would perhaps fit)

I'm +1 for the grey variant, but would also be fine with the others as this is in general an improvement.

[kannes]

+1 for grey

[fiddlersfan]

Nice work, thanks! Just a small visual inconstancy in night mapping at the note icon:

I would suggest coloring the paper white here, similar to the clock icon. Unfortunately, we can then no longer use the mIndicatorNotes icon, which is used as a monochrome icon in the layer overview.

[signedav]

Considered that @fiddlersfan

[signedav]

Can we merge that? All inputs have been considered.

[nirvn]

Let's merge this now, I'll give the notes icon a try in the coming weeks.