matt1432/nixos-configs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: re add hover animation to workspace module on waybar

Browse source
This commit is contained in:
matt1432 2023-06-08 03:13:30 -04:00
parent 0241c61134
commit 10efa92b8e
3 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
eww/traybuttons/traybuttons.scss
View file

@ -29,8 +29,8 @@
.notif-panel { .notif-panel {
min-width: 110px; min-width: 110px;
min-height: 40px; min-height: 38px;
font-size: 22px; font-size: 20px;
} }
.tablet-toggle { .tablet-toggle {

2
eww/traybuttons/traybuttons.yuck
View file

@ -45,7 +45,7 @@
:stacking "overlay" :stacking "overlay"
:exclusive "ignore" :exclusive "ignore"
:geometry (geometry :x "60px" :geometry (geometry :x "60px"
:y "8px" :y "9px"
:width "0px" :width "0px"
:height "0px" :height "0px"
:anchor "top right" :anchor "top right"

8
waybar/style.css
View file

@ -42,7 +42,8 @@
#workspaces button { #workspaces button {
padding: 0 5px; padding: 0 5px;
color: #7984A4; color: #CDD6F4;
/*color: #7984A4;*/
background-color: transparent; background-color: transparent;
box-shadow: inset 0 -3px transparent; box-shadow: inset 0 -3px transparent;
border: none; border: none;
@ -50,6 +51,11 @@
border-radius: 80px; border-radius: 80px;
} }
#workspaces button:hover {
background-color: #7F849C;
transition: background-color 0.5s ease-in-out;
}
#workspaces button.focused { #workspaces button.focused {
color: #bf616a; color: #bf616a;
} }