Improve setting row with slider

[mivoligo]

I think we need a way to reset the value set by a slider to the default value and show the current value.

Here's my idea. Let me know what you guys think.

[Jupi007]

Good idea 👍
Maybe put the reset icon on the far right?

[Feichtmeier]

There should be a way to show the value above the slider. This works for the discrete slider I think 🤔
Could you show how the reset button looks with primary color?

And nice idea!

[mivoligo]

Maybe put the reset icon on the far right?

I've tried few different layouts and got some different issues with them. This one was the least problematic. I can show issues with other layouts.

[mivoligo]

There should be a way to show the value above the slider. This works for the discrete slider I think thinking

IMO the discrete slider looks ugly 😉 and I think there's no easy way to display label above slider without making it discrete.

Could you show how the reset button looks with primary color?

[Jupi007]

And what about use soft grey?

[mivoligo]

Maybe there's more appropriate icon to symbolize reset. I used YaruIcons.refresh

[mivoligo]

And what about use soft grey?

I used Yaru warmGrey here

[mivoligo]

The problem I have with the layout:
text | slider | reset

If the value is changed it looks fine:

But when there is a default value there's a lot of empty space on the right. IMO it doesn't look good:

We can have the slider to feel the empty space but then the slider size changes when the reset button shows up. And that makes changing value a bit weird.

[Feichtmeier]

Another problem I see is that the default value only happens for gsetting stuff. I am not sure everything has actually a default value? Or does it? Maybe it is enough to just load the app with what gsetting gives you. If the slider is not connected to gsetting we could set our own default value 🤔
Needs a bit more thought I think

[mivoligo]

We can make that an optional property and only show when there's a default value. Anyway, I'll try to experiment a bit and maybe create something like the default value mark in GTK sliders.

[mivoligo]

OK, Here's how it can look with a mark showing the default value. I'm not sure about the color and size of the mark.
Screenshot:

In action:

[Feichtmeier]

This is a very nice solution. Looks great ant subtle 👍