Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hover effect on some modules #1763

Closed
HarHarLinks opened this issue Nov 3, 2022 · 5 comments
Closed

Hover effect on some modules #1763

HarHarLinks opened this issue Nov 3, 2022 · 5 comments

Comments

@HarHarLinks
Copy link
Contributor

After upgrading to 0.9.14 and beyond, I get the hover effect from the workspaces module also on some but not all other modules.
I've tried messing with the attributes from the wiki https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect like

button:hover {
    box-shadow: inherit;
    text-shadow: inherit;
}

but it has no effect.

Please fix/add some documentation how to disable it.

@grfrederic
Copy link
Contributor

I added this code to disable hovering effects by default:

button {
    border: none;
    border-radius: 0;

}
button:hover {
    box-shadow: inherit;
    text-shadow: inherit;
    background: inherit;
}

@HarHarLinks
Copy link
Contributor Author

HarHarLinks commented Nov 4, 2022

background: inherit; seems to do the trick. should we add it to the wiki?
it should def be in the patch notes

@dottorblaster
Copy link

@grfrederic's snippet about hovers did the trick in my case too, same problem.

@hakanyi
Copy link

hakanyi commented Nov 14, 2022

I like the hovering effect, but does anybody know how can I enable it for the disabled buttons?

@Alexays
Copy link
Owner

Alexays commented Nov 24, 2022

Closed as reverted

@Alexays Alexays closed this as completed Nov 24, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants