Remove mouse hover effect?

[edgar-vincent]

Hi!

I love the new styling! However, I'm not sure the hovering effect when the cursor is on the bar is necessary, as it makes it difficult to distinguish between empty and non-empty workspaces. Also, I find it distracting. Can this be set on the extension's side or is this a Gnome Shell 40-specific thing?

Merci pour ton travail !

EV

[fthx]

I did not test this new css on Gnome 40... Well, I see the problem here. This hover top panel background is a GS 40 thing. AFAICR, I saw a CSS property about that, but I cannot success to recover it. If you do, I can try some styling changes for GS 40.

[edgar-vincent]

.panel-button:hover is set by the defaut theme to box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15);. Making a custom theme with it set to box-shadow: none; disables the hovering effect on top bar buttons (except for the clock), including workspaces-bar, here.

It might be nice to keep it for each individual workspace button when it is hovered over. However, at the moment, the entire workspaces-bar gets that effect when hovered, which, as I said, I think is undesired.

[edgar-vincent]

Sorry to bump this, but have you had a moment to look at this? Not trying to pressure you at all, no worries if you haven't.

[fthx]

That's quite some work. I tried a couple of hours this afternoon. At the moment the extension is ONE button (box-layout). If I want one button PER workspace I have to move the code completely since I cannot make a simple change box-layout -> some bin.

[setuun]

If yout want a hover effect, you can do this:

#panel Gjs_workspaces-bar_fthx_extension_WorkspacesBar.panel-button StBin:hover StLabel {
  background-color: #FEB573;
  color: #1e1e1e;
}

the pseudo class hover must be triggerd on StBin

and if you want to have your hover color also your active color:

#panel Gjs_workspaces-bar_fthx_extension_WorkspacesBar.panel-button StLabel.desktop-label-empty-active,
#panel Gjs_workspaces-bar_fthx_extension_WorkspacesBar.panel-button StLabel.desktop-label-nonempty-active,
#panel Gjs_workspaces-bar_fthx_extension_WorkspacesBar.panel-button StBin:hover StLabel {
  background-color: #FEB573;
  color: #1e1e1e;
}