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

Message List: Better notch color with dark theme

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-06-01 11:49:37 +03:00
parent 6bfcbe4da1
commit dda1800ef3
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -265,7 +265,7 @@
height: 1px; height: 1px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 2%, rgba(255, 255, 255, 0.4) 98%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 2%, rgba(255, 255, 255, 0.4) 98%, rgba(255, 255, 255, 0) 100%);
opacity: 0; opacity: 0;
transition: opacity 150ms ease; transition: opacity 350ms ease;
@media (max-width: 600px) { @media (max-width: 600px) {
left: -2%; left: -2%;
@ -276,6 +276,10 @@
&.with-notch::before { &.with-notch::before {
opacity: 1; opacity: 1;
} }
html.theme-dark &::before {
background: linear-gradient(90deg, rgba(127, 127, 127, 0) 0%, rgba(127, 127, 127, 0.4) 2%, rgba(127, 127, 127, 0.4) 98%, rgba(127, 127, 127, 0) 100%);
}
} }
} }