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

Middle Header: Fix jumping toast notification (#2012)

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-08-31 15:00:44 +02:00
parent b3c1c41b26
commit 63fac1f6be
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ui/Notification.scss
View File

@ -2,18 +2,22 @@
position: relative; position: relative;
width: 24rem; width: 24rem;
max-width: 100vw; max-width: 100vw;
margin: 0.25rem auto; margin: 4.25rem auto 0.25rem;
z-index: var(--z-notification); z-index: var(--z-notification);
.has-header-tools & {
margin-top: 7.375rem;
}
@media (min-width: 1276px) { @media (min-width: 1276px) {
transition: transform var(--layer-transition); transition: transform var(--layer-transition);
} }
&:first-of-type { & ~ & {
margin-top: 4.25rem; margin-top: 0.25rem;
.has-header-tools & { .has-header-tools & {
margin-top: 7.375rem; margin-top: 0.25rem;
} }
} }
} }