EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-2430 ux: Hide Bottom tabs when keyboard is open

main
Pau Ferrer Ocaña 2018-06-22 10:36:09 +02:00
parent aebf5d317f
commit 0ccb6b2485
2 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/app.scss
View File

@ -815,3 +815,7 @@ ion-alert.core-inapp-notification {
font-size: 16px; font-size: 16px;
} }
} }
body.keyboard-is-open core-ion-tabs .tabbar {
display: none;
}

2
src/providers/app.ts
View File

@ -77,6 +77,7 @@ export class CoreAppProvider {
this.keyboard.onKeyboardShow().subscribe((data) => { this.keyboard.onKeyboardShow().subscribe((data) => {
// Execute the callback in the Angular zone, so change detection doesn't stop working. // Execute the callback in the Angular zone, so change detection doesn't stop working.
zone.run(() => { zone.run(() => {
document.body.classList.add('keyboard-is-open');
this.isKeyboardShown = true; this.isKeyboardShown = true;
events.trigger(CoreEventsProvider.KEYBOARD_CHANGE, this.isKeyboardShown); events.trigger(CoreEventsProvider.KEYBOARD_CHANGE, this.isKeyboardShown);
}); });
@ -84,6 +85,7 @@ export class CoreAppProvider {
this.keyboard.onKeyboardHide().subscribe((data) => { this.keyboard.onKeyboardHide().subscribe((data) => {
// Execute the callback in the Angular zone, so change detection doesn't stop working. // Execute the callback in the Angular zone, so change detection doesn't stop working.
zone.run(() => { zone.run(() => {
document.body.classList.remove('keyboard-is-open');
this.isKeyboardShown = false; this.isKeyboardShown = false;
events.trigger(CoreEventsProvider.KEYBOARD_CHANGE, this.isKeyboardShown); events.trigger(CoreEventsProvider.KEYBOARD_CHANGE, this.isKeyboardShown);
}); });