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

Middle Column: "Join / Subscribe / Start" buttons (follow-up) (#1574)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-12-10 18:33:42 +01:00
parent cc3840d01c
commit 24a48fae63
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/middle/MiddleColumn.scss
View File

@ -341,11 +341,21 @@
text-transform: capitalize; text-transform: capitalize;
color: var(--color-black); color: var(--color-black);
@media (hover: hover) {
&:hover { &:hover {
.icon-unpin { .icon-unpin {
color: var(--color-white); color: var(--color-white);
} }
} }
}
@media (max-width: 600px) {
&:active, &:focus {
.icon-unpin {
color: var(--color-white);
}
}
}
.icon-unpin { .icon-unpin {
margin-inline-start: -0.4375rem; margin-inline-start: -0.4375rem;
@ -359,7 +369,6 @@
.join-subscribe-button, .join-subscribe-button,
.unpin-all-button { .unpin-all-button {
height: 3.5rem; height: 3.5rem;
overflow: visible;
transform: scaleX(1); transform: scaleX(1);
transition: transform var(--select-transition), background-color .15s, color .15s; transition: transform var(--select-transition), background-color .15s, color .15s;