danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-12-04 18:50:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix freezing hover state on clicked elements (#1301)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-07-20 16:43:59 +03:00
parent d0b53ec328
commit 89810c5adb
3 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ui/Button.scss
View File

@ -1,8 +1,13 @@
@mixin active-styles() { @mixin active-styles() {
&:not(.disabled):not(:disabled) { &:not(.disabled):not(:disabled) {
&:hover, &:active, &.active, &:focus { &:active, &.active, &:focus {
@content; @content;
} }
@media (hover:hover) {
&:hover {
@content;
}
}
} }
} }

9
src/components/ui/ListItem.scss
View File

@ -48,7 +48,14 @@
.ListItem-button { .ListItem-button {
cursor: pointer; cursor: pointer;
body:not(.is-ios) &:hover, &:focus { @media (hover:hover) {
&:hover, &:focus {
--background-color: var(--color-chat-hover);
}
}
}
@media (max-width: 600px) {
&:not(.has-ripple) .ListItem-button:active {
--background-color: var(--color-chat-hover); --background-color: var(--color-chat-hover);
} }
} }

9
src/components/ui/MenuItem.scss
View File

@ -15,11 +15,20 @@
cursor: pointer; cursor: pointer;
unicode-bidi: plaintext; unicode-bidi: plaintext;
@media (hover:hover) {
&:hover, &:focus { &:hover, &:focus {
background-color: var(--color-chat-hover); background-color: var(--color-chat-hover);
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
} }
}
@media (max-width: 600px) {
&:active {
background-color: var(--color-chat-hover);
text-decoration: none;
color: inherit;
}
}
i { i {
font-size: 1.5rem; font-size: 1.5rem;