search

christopher-l / space-bar

GNOME Shell extension that shows workspaces buttons in top panel
178 stars 14 forks source link

[CSS QUESTION] #49

Open luX0r-reload opened 2 weeks ago

luX0r-reload commented 2 weeks ago

Hi! Exists a css selector to pick a single workspace in spacebar?

I would the 3rd workspace label to have red background color. This works for the 1st workspace label:

.workspace-box:first-child .space-bar-workspace-label

For the 3rd I'm trying with the :nth-child selector but it seems not work... probably cause I miss a dom element in the selector.

.workspace-box > .space-bar-workspace-label:nth-child(3)

Thanks in advance.

christopher-l commented 2 weeks ago

Hi @luX0r-reload!

I tried to use the :nth-child selector and I could not get it to work either. I'm not sure if this is not universally supported by GTK or if I'm missing something.

I added classes of the form.workspace-box-<n> in addition to .workspace-box, so you should now be able to use something like this:

.workspace-box-3 .space-bar-workspace-label {
  background-color: rgba(255,0,0,1);
}
luX0r-reload commented 2 weeks ago

@christopher-l, many thanks. For the use of nth-child with GTK, might be useful to you:

https://www.manpagez.com/html/gtk3/gtk3-3.20.2/gtk-migrating-GtkStyleContext-bonus-points.php