ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Interactive Elements: Add hover effect (#5271)

Browse Source
This commit is contained in:
Alexander Zinchuk 2024-12-06 19:44:12 +04:00
parent 274d22542b
commit a1ad9d3b90
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/middle/message/Contact.module.scss
View File

@ -48,15 +48,14 @@
width: auto; width: auto;
flex: 1; flex: 1;
height: 2.25rem; height: 2.25rem;
border-radius: 0; margin: 0.375rem;
font-weight: 500; font-weight: 500;
background-color: transparent; background-color: transparent;
color: var(--accent-color); color: var(--accent-color);
--ripple-color: var(--accent-background-active-color); --ripple-color: var(--accent-background-active-color);
&:not(.disabled):not(:disabled):hover { &:not(.disabled):not(:disabled):hover {
color: var(--accent-color); background-color: var(--accent-background-active-color);
background-color: transparent;
} }
} }
} }

10
src/components/modals/webApp/WebAppModalTabContent.module.scss
View File

@ -60,6 +60,10 @@
&.visible { &.visible {
transform: translateY(0); transform: translateY(0);
opacity: 1; opacity: 1;
&:hover {
filter: brightness(0.9);
}
} }
&.hidden { &.hidden {
@ -67,6 +71,12 @@
} }
} }
.secondary-button.visible:hover {
:global(.theme-dark) & {
filter: brightness(1.5);
}
}
.buttons-container { .buttons-container {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;