danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-11-26 20:34:44 +01:00
Code Issues 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 {
content: "";
position: absolute;

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

@ -29,6 +29,11 @@
padding-left: 1rem;
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 {
flex: 1;
color: var(--color-text-secondary);

2
src/index.html
View File

@ -3,7 +3,7 @@
<head>
<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-title" content="Telegram WebZ">
<meta name="application-name" content="Telegram WebZ">