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

feat(eww): make hover animations not end abrubtly

Browse source
This commit is contained in:
matt1432 2023-08-12 12:32:48 -04:00
parent 392f3771c1
commit 823455682b
2 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
config/eww/quick-settings/quick-settings.scss
View file

@ -22,6 +22,7 @@
color: #CBA6F7; color: #CBA6F7;
border-radius: 80px; border-radius: 80px;
border: 2px solid rgba(0,0,0,0); border: 2px solid rgba(0,0,0,0);
transition: background-color 0.5s ease-in-out;
} }
.quick-settings-logo:hover { .quick-settings-logo:hover {
@ -105,6 +106,7 @@
border-left: 2px solid $contrastbg; border-left: 2px solid $contrastbg;
border-top: 2px solid $contrastbg; border-top: 2px solid $contrastbg;
border-bottom: 2px solid $contrastbg; border-bottom: 2px solid $contrastbg;
transition: all 0.5s ease-in-out;
} }
.right-part { .right-part {
@ -114,6 +116,7 @@
border-right: 2px solid $contrastbg; border-right: 2px solid $contrastbg;
border-top: 2px solid $contrastbg; border-top: 2px solid $contrastbg;
border-bottom: 2px solid $contrastbg; border-bottom: 2px solid $contrastbg;
transition: all 0.5s ease-in-out;
} }
.right-part:hover { .right-part:hover {
@ -175,6 +178,7 @@
background: #3e4153; background: #3e4153;
border-radius: 100%; border-radius: 100%;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
transition: background-color 0.5s ease-in-out;
} }
slider:hover { slider:hover {
background-color: #303240; background-color: #303240;

2
config/eww/traybuttons/traybuttons.scss
View file

@ -39,6 +39,7 @@
color: #CBA6F7; color: #CBA6F7;
border-radius: 80px; border-radius: 80px;
border: 2px solid #1b1b2b; border: 2px solid #1b1b2b;
transition: background-color 0.5s ease-in-out;
} }
.toggle-off:hover { .toggle-off:hover {
@ -52,6 +53,7 @@
color: #CBA6F7; color: #CBA6F7;
border-radius: 80px; border-radius: 80px;
border: 2px solid $contrastbg; border: 2px solid $contrastbg;
transition: background-color 0.5s ease-in-out;
} }
.toggle-on:hover { .toggle-on:hover {