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

Middle Column: Add safe zone on iPhone X (#1380)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-08-13 17:45:49 +03:00
parent f0d8c93029
commit aac16ec30d
3 changed files with 12 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

@ -249,6 +249,12 @@
} }
} }
@supports (padding-bottom: env(safe-area-inset-bottom)) {
&:not(.no-composer) {
padding-bottom: env(safe-area-inset-bottom);
}
}
&::before { &::before {
content: ""; content: "";
position: absolute; position: absolute;

5
src/components/middle/MobileSearch.scss
View File

@ -29,6 +29,11 @@
padding-left: 1rem; padding-left: 1rem;
padding-right: 0.5rem; padding-right: 0.5rem;
@supports (padding-bottom: env(safe-area-inset-bottom)) {
padding-bottom: env(safe-area-inset-bottom);
height: calc(3.5rem + env(safe-area-inset-bottom));
}
> .counter { > .counter {
flex: 1; flex: 1;
color: var(--color-text-secondary); color: var(--color-text-secondary);

2
src/index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Telegram WebZ"> <meta name="apple-mobile-web-app-title" content="Telegram WebZ">
<meta name="application-name" content="Telegram WebZ"> <meta name="application-name" content="Telegram WebZ">