From aac16ec30d78c0187a67b2d6ca9697caf2cd4a05 Mon Sep 17 00:00:00 2001 From: Alexander Zinchuk Date: Fri, 13 Aug 2021 17:45:49 +0300 Subject: [PATCH] Middle Column: Add safe zone on iPhone X (#1380) --- src/components/middle/MiddleColumn.scss | 6 ++++++ src/components/middle/MobileSearch.scss | 5 +++++ src/index.html | 2 +- 3 files changed, 12 insertions(+), 1 deletion(-) diff --git a/src/components/middle/MiddleColumn.scss b/src/components/middle/MiddleColumn.scss index 2d4004b8..02333d2c 100644 --- a/src/components/middle/MiddleColumn.scss +++ b/src/components/middle/MiddleColumn.scss @@ -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; diff --git a/src/components/middle/MobileSearch.scss b/src/components/middle/MobileSearch.scss index 205fb09e..b42dc487 100644 --- a/src/components/middle/MobileSearch.scss +++ b/src/components/middle/MobileSearch.scss @@ -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); diff --git a/src/index.html b/src/index.html index 0d741ab8..132211d9 100644 --- a/src/index.html +++ b/src/index.html @@ -3,7 +3,7 @@ - +