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

Message: Improve design for read date (#4408)

Browse Source
This commit is contained in:
Alexander Zinchuk 2024-03-22 13:06:31 +01:00
parent ea7406fdb0
commit 13ca4d74aa
1 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/middle/message/ReadTimeMenuItem.module.scss
View File

@ -11,25 +11,25 @@
} }
:global(.icon) { :global(.icon) {
margin-left: 0; margin-inline-end: 0.25rem;
margin-right: 0.25rem;
}
&[dir="rtl"] {
:global(.icon) {
margin-left: 0.25rem;
margin-right: 0;
}
} }
} }
.get { .get {
cursor: var(--custom-cursor, pointer); cursor: var(--custom-cursor, pointer);
margin-left: 0.375rem; font-size: 0.6875rem;
border-radius: 0.5rem; margin-inline-start: 0.375rem;
padding: 0.125rem 0.375rem; border-radius: 1rem;
background: var(--color-background-menu-separator); padding: 0.1875rem 0.375rem;
pointer-events: all; pointer-events: all;
font-weight: 500;
transition: 150ms filter ease-in;
background: var(--color-background-menu-separator);
filter: opacity(0.8);
&:hover {
filter: brightness(1.10);
}
} }
.skeleton { .skeleton {
@ -41,4 +41,5 @@
.transition { .transition {
height: 1.5rem; height: 1.5rem;
width: auto;
} }