Bug 130034 - Consistent look and feel for color pickers in Sidebar
Summary: Consistent look and feel for color pickers in Sidebar
Status: NEW
Alias: None
Product: LibreOffice
Classification: Unclassified
Component: UI (show other bugs)
Version:
(earliest affected)
unspecified
Hardware: All All
: medium enhancement
Assignee: Not Assigned
URL:
Whiteboard:
Keywords:
Depends on:
Blocks: Sidebar-Properties-Area
  Show dependency treegraph
 
Reported: 2020-01-16 13:00 UTC by andreas_k
Modified: 2023-10-03 18:22 UTC (History)
6 users (show)

See Also:
Crash report or crash signature:


Attachments
Color Name Area fill gradient visible, Area fill color not visible (127.76 KB, image/png)
2020-01-16 13:00 UTC, andreas_k
Details
GtkMenuButton + ColorPicker (24.99 KB, image/png)
2020-01-20 20:56 UTC, andreas_k
Details

Note You need to log in before you can comment on or make changes to this bug.
Description andreas_k 2020-01-16 13:00:04 UTC
Created attachment 157186 [details]
Color Name Area fill gradient visible, Area fill color not visible

If you draw an shape and open the Sidebar section with Area options there you can change the fill collor. If you have an gradient (GtkComboBox + CtkCellRendererText), than you can read which colors you selected in the drop down menu, if you have only an color (GtkMenuToolButton) there is no color information.

Would it be possible to have ALWAYS the Color name available. I know you have to switch from GtkMenuToolButton to something else.

If an switch is not possible, can the color text be the tooltip information of GtkMenuToolButton?
Comment 1 Caolán McNamara 2020-01-16 13:08:24 UTC
it was always like this right, not a regression ?
Comment 2 andreas_k 2020-01-16 13:13:40 UTC
It was alway like this yes. I think the gradient use an "old" widget and the fillcolor the new one, but again there is enought space and you can/should show the user which color (label or code) was used.
Comment 3 Caolán McNamara 2020-01-16 15:36:34 UTC
hmm, looking in it the tooltip feature exists for the tooltip for the toolitem in the main toolbar but is explicitly disabled for the "widebutton" versions in the sidebar. I see that the current color is broadcast when the context changes, but not its *name* which is possibly why things are the way they are.
Comment 4 Caolán McNamara 2020-01-16 16:21:02 UTC
yeah, trickier than it looks. We listen to the color change events, and only get the color. So to get back to its name we have to do the same as the ColorListBox does which is to look up the color in the palette, which might be too heavy to do in the sidebar on every color change
Comment 5 andreas_k 2020-01-17 07:40:50 UTC
but in gradient it work. maybe you have an good idea.

In general I'm looking that the sidbar is more similar so similar layouts and similar widgets.
Comment 6 Heiko Tietze 2020-01-20 14:20:05 UTC
Or just use a ColorListBox?
Comment 7 V Stuart Foote 2020-01-20 15:58:22 UTC
(In reply to Heiko Tietze from comment #6)
> Or just use a ColorListBox?

No, that would be a step backward as we already have the new color pickers in place which allow palette selection or use of a new 'custom' color (so no name other than a #RGB value). 

It already has a nice consistent UI, with only thing missing an ability to label with Name of the selected color. 

If we can't find a way to label with the 'Name' of a color selection, isn't the tooltip enough? Especially as majority of palettes will have no meaningful names for the colors.
Comment 8 andreas_k 2020-01-20 16:30:29 UTC
Would it be possible that the color list box will open the color picked?
Comment 9 andreas_k 2020-01-20 20:56:12 UTC
Created attachment 157277 [details]
GtkMenuButton + ColorPicker

(In reply to andreas_k from comment #8)
> Would it be possible that the color list box will open the color picked?

at gradient there is the color (icon + label) and when you click on the GtkMenuButton it show the ColorPicker (where you can choose the color presets and everything. So what's the reason that we can't use this behavior not only for the gradient, also for Fill Color?
Comment 10 Heiko Tietze 2020-01-21 13:59:51 UTC
(In reply to V Stuart Foote from comment #7)
> No, that would be a step backward as we already have the new color pickers...

mxLbFillGradFrom/To (the two gradient dropdowns) are instantiated in AreaPropertyPanelBase as ColorListBox- and they do use the new picker appearance.
Comment 11 andreas_k 2020-02-10 20:12:48 UTC
(In reply to Heiko Tietze from comment #10)
> (In reply to V Stuart Foote from comment #7)
> > No, that would be a step backward as we already have the new color pickers...
> 
> mxLbFillGradFrom/To (the two gradient dropdowns) are instantiated in
> AreaPropertyPanelBase as ColorListBox- and they do use the new picker
> appearance.

So can we go with dropdown menu with color rectangular and label?

I think this would be a big step into standardize the sidebar layout AND will have the benefit to know the selected color without open an dialog.
Comment 12 V Stuart Foote 2020-02-10 21:00:08 UTC
I think I would prefer to remove the color name labeling across all the controls--and then have consistent tooltip with the 'color name' (RGB, HLC, tonal) as taken from the selected palette.

I don't see too much need for the label. We show the color swatch for selected color, and can show the palette it came from. Likewise for gradient the swatch is visible, and can identify the palette it is being taken from. 

IIRC the gradients used to be fixed, but now we can mix and match palettes.

What do we gain by shrinking the color swatch to add a textual label?

Simplify the 'Gradient' fill UI to match the 'Color' fills--remove the labels! 

But do provide the assigned color name/RGB value in tooltip.  That is replace the "Fill color", "Fill gradient from", "Fill gradient to" tooltips with the color name (or value).  

Obviously filter import of ODF document colors would only match color names against 'standard' palette, palette in use is not recorded into the ODF.

And, this is just for labeling the color fills (Color, Gradient), the patterned fills (Hatching, Bitmap, Pattern) make sense to have the labels.
Comment 13 Heiko Tietze 2020-02-18 11:50:01 UTC
(In reply to V Stuart Foote from comment #12)
> remove the color name labeling across all the controls

Labels are the primary identification! How do you pick "Gray 2", for example? I'm too lazy or dumb to remember if it's the second or third right. And when it comes to reddish colors it's even harder to remember in particular when your color vision is impaired.