danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-12-03 10:07:55 +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() {
&:not(.disabled):not(:disabled) {
&:hover, &:active, &.active, &:focus {
&:active, &.active, &:focus {
@content;
}
@media (hover:hover) {
&:hover {
@content;
}
}
}
}

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

@ -48,7 +48,14 @@
.ListItem-button {
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);
}
}

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

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