From 31a1a73575707137b97c24caf6be19fbea8630c6 Mon Sep 17 00:00:00 2001 From: Torgny Walin Date: Thu, 12 Apr 2018 12:50:43 +0200 Subject: [PATCH 1/2] CSS for iPhone X Added CSS for iPhone X navbar --- src/image-viewer.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/image-viewer.scss b/src/image-viewer.scss index bb3b1d6..a3bedf1 100644 --- a/src/image-viewer.scss +++ b/src/image-viewer.scss @@ -19,6 +19,11 @@ image-viewer.ion-page { &.toolbar.toolbar-ios { padding-top: calc(20px + 4px); + padding-top: calc(constant(safe-area-inset-top) + 4px); + padding-top: calc(env(safe-area-inset-top) + 4px); + min-height: calc(44px + 20px); + min-height: calc(44px + constant(safe-area-inset-top)); + min-height: calc(44px + env(safe-area-inset-top)); } .bar-button-default { From 34922b4db6c7f6ab34f9bcc7f5b0dc4db79e13ff Mon Sep 17 00:00:00 2001 From: Torgny Walin Date: Thu, 12 Apr 2018 13:00:55 +0200 Subject: [PATCH 2/2] Update image-viewer.scss Removed min-height - not needed --- src/image-viewer.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/image-viewer.scss b/src/image-viewer.scss index a3bedf1..cfcf818 100644 --- a/src/image-viewer.scss +++ b/src/image-viewer.scss @@ -21,9 +21,6 @@ image-viewer.ion-page { padding-top: calc(20px + 4px); padding-top: calc(constant(safe-area-inset-top) + 4px); padding-top: calc(env(safe-area-inset-top) + 4px); - min-height: calc(44px + 20px); - min-height: calc(44px + constant(safe-area-inset-top)); - min-height: calc(44px + env(safe-area-inset-top)); } .bar-button-default {