Sticky hover style on touchscreens

[sheenobu]

This is related to #60 but it's actually sort of a touchscreen bug and persistent (until you manually hover/unhover via a mouse)

https://blog.usejournal.com/finally-a-css-only-solution-to-hover-on-touchscreens-c498af39c31c

The problem arises when the user interacts with this element on a touchscreen: after the tap has been done, the hover effect is stuck on the element. This also occurs when the element is not even activated by the tapping, for instance if it was touched during scrolling.

I've tried disabling the hover via the guidance in #60 but it doesn't get any better. screenshot attached is using the standard style.css. Additionally, that pointer: fine suggestion is not supported on GTK CSS.

EDIT:

oops, looks like

#workspaces button:hover {                                                      
    background: transparent;                                                    
    box-shadow: inherit;                                                        
    border-bottom: 3px solid transparent;                                       
}  

does work!

[Alexays]

Yeah your css will fix the issue, but with that the hover effect is gone even with a mouse

[anonymous-user]

I am having the same issue on my XPS 13 also with a touchscreen. However I tried your code and it did not work 100%. I have set a custom background color for the current workspace and the hover effect remains there. Furthermore I noticed that hovering over non-active workspaces still shows a border effect on the button.