style(workspaces): update hover style

This commit is contained in:
Alex 2019-06-28 13:41:53 +02:00
parent c916fe258e
commit 22ddbde394
1 changed files with 7 additions and 1 deletions

View File

@ -36,7 +36,6 @@ window#waybar.chromium {
border: none;
}
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
#workspaces button {
padding: 0 5px;
background-color: transparent;
@ -44,6 +43,13 @@ window#waybar.chromium {
border-bottom: 3px solid transparent;
}
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
box-shadow: inherit;
border-bottom: 3px solid #ffffff;
}
#workspaces button.focused {
background-color: #64727D;
border-bottom: 3px solid #ffffff;