From 0ccb6b24856d3f4c069a423de2832e07d3c13085 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 22 Jun 2018 10:36:09 +0200
Subject: [PATCH] MOBILE-2430 ux: Hide Bottom tabs when keyboard is open

---
 src/app/app.scss     | 4 ++++
 src/providers/app.ts | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/src/app/app.scss b/src/app/app.scss
index dadf2360d..b75aebfeb 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -815,3 +815,7 @@ ion-alert.core-inapp-notification {
     font-size: 16px;
   }
 }
+
+body.keyboard-is-open core-ion-tabs .tabbar {
+    display: none;
+}
\ No newline at end of file
diff --git a/src/providers/app.ts b/src/providers/app.ts
index bac647c0a..cb449cbb6 100644
--- a/src/providers/app.ts
+++ b/src/providers/app.ts
@@ -77,6 +77,7 @@ export class CoreAppProvider {
         this.keyboard.onKeyboardShow().subscribe((data) => {
             // Execute the callback in the Angular zone, so change detection doesn't stop working.
             zone.run(() => {
+                document.body.classList.add('keyboard-is-open');
                 this.isKeyboardShown = true;
                 events.trigger(CoreEventsProvider.KEYBOARD_CHANGE, this.isKeyboardShown);
             });
@@ -84,6 +85,7 @@ export class CoreAppProvider {
         this.keyboard.onKeyboardHide().subscribe((data) => {
             // Execute the callback in the Angular zone, so change detection doesn't stop working.
             zone.run(() => {
+                document.body.classList.remove('keyboard-is-open');
                 this.isKeyboardShown = false;
                 events.trigger(CoreEventsProvider.KEYBOARD_CHANGE, this.isKeyboardShown);
             });