Alexays / Waybar

Highly customizable Wayland bar for Sway and Wlroots based compositors. :v: :tada:
MIT License
6.75k stars 708 forks source link

style workspaces on hover #3732

Open bartekjaszczak opened 3 weeks ago

bartekjaszczak commented 3 weeks ago

Is it possible to change the style of the "workspaces" element on hover? Here's my problem:

I'd like the border colour of "workspaces" element to change on hover. I'm using below CSS snippet for that:

#workspaces:hover {
  border-color: #ffd500;
  transition: 0.3s ease-out;
  opacity: 1.0;
}

it doesn't, however, work, when I hover on any particular workspace button inside the "parent" workspace element. On the screenshot, the border actually only changes colour when I hover the mouse in the dark area between the border and the button, but it doesn't work when I hover over the actual button (yellow "1"). I tried to extend the hover to all workspaces' children, but with no success.

image image