feat(eww): make buttons appear like they are pressed when using touchscreen

This commit is contained in:
matt1432 2023-08-13 13:38:32 -04:00
parent d32bf720ef
commit 001588bad1
3 changed files with 5 additions and 10 deletions

View file

@ -12,7 +12,7 @@
min-width: 80px; min-width: 80px;
transition: all ease .2s; transition: all ease .2s;
&:hover { background-color: $bgSecondary; } &:hover { background-color: $bgSecondary; }
&:active { background-color: $bg; } &:active { background-color: $bgSecondary; }
.content { .content {
border-radius: 4px; border-radius: 4px;
padding: 0px 15px 0px 15px; padding: 0px 15px 0px 15px;

View file

@ -25,7 +25,7 @@
transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out;
} }
.quick-settings-logo:hover { .quick-settings-logo:hover, .quick-settings-logo:active {
background-color: rgba(127, 132, 156, 0.4); background-color: rgba(127, 132, 156, 0.4);
transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out;
} }
@ -119,7 +119,7 @@
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
} }
.right-part:hover { .right-part:hover, .right-part:active {
color: $contrastbg; color: $contrastbg;
border: 2px solid $contrastbg; border: 2px solid $contrastbg;
border-top-left-radius: 7px; border-top-left-radius: 7px;
@ -127,7 +127,7 @@
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
} }
.left-part:hover { .left-part:hover, .left-part:active {
color: $contrastbg; color: $contrastbg;
border: 2px solid $contrastbg; border: 2px solid $contrastbg;
border-top-right-radius: 7px; border-top-right-radius: 7px;

View file

@ -42,11 +42,6 @@
transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out;
} }
.toggle-off:hover {
background-color: rgba(127, 132, 156, 0.4);
transition: background-color 0.5s ease-in-out;
}
.toggle-on { .toggle-on {
background-color: $bg; background-color: $bg;
//transition: border-color 0.5s ease-in-out; //transition: border-color 0.5s ease-in-out;
@ -56,7 +51,7 @@
transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out;
} }
.toggle-on:hover { .toggle-on:hover, .toggle-off:hover {
background-color: rgba(127, 132, 156, 0.4); background-color: rgba(127, 132, 156, 0.4);
transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out;
} }