RGB Widget sliders width

Community Usage questions
1

Hi,

is there a way to set the width of the hue slider inside the rgb widget ?

2

With some css:

.hue {
  width: 50rem;
}
3

perfect thx

4

Many thanks again for this great tool and the very helpful forum.

Is there any chance to achieve the same for the height of the alpha slider in the RGB-widget?
I tried ".alpha" and ".opacity" but no luck.
Also, is there a sort of documentation about the css classes of all the widgets?

5

Nope, you must use the browser inspector (f12) and find them out or look into the source code, it's more a hacking possibility than a regular feature. There's also no warranty these classes won't change in a future update although I avoid that as much as possible.

In the case of the alpha slider, its size is defined by a grid layout rule:

inner {
  grid-template:
          "a a b" auto
          "c c c" calc(20rem + var(--widget-spacing) * 2)/1fr;
}
/* 20rem = alpha slider height */
1 Like
6

I can not be thankful enough! Works great!

But I can fully understand future-compatibility hazzle with css. F12 will be my friend then.