From a7813aceca9fcf9d55d0ad35f70b60804e0a754b Mon Sep 17 00:00:00 2001 From: "hamza.hramchi" <hamza.hramchi@xelians.fr> Date: Fri, 4 Dec 2020 15:25:41 +0100 Subject: [PATCH] FEAT #15550 TIME 0:10 resize the right menu according to device --- src/frontend/app/app.component.html | 2 +- src/frontend/app/app.component.ts | 9 ++++++--- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/frontend/app/app.component.html b/src/frontend/app/app.component.html index 2f68652893..3dc8775cc4 100755 --- a/src/frontend/app/app.component.html +++ b/src/frontend/app/app.component.html @@ -6,7 +6,7 @@ <div id="leftContent" style="display: contents;"></div> </ion-menu> <ion-router-outlet id="main-content"></ion-router-outlet> - <ion-menu [ngClass]="[isPortrait ? 'right-menu' : 'right-menu-responsive']" #rightMenu menuId="right-menu" contentId="main-content" side="end" type="overlay" disabled (ionDidOpen)="showRightContent=true" + <ion-menu [ngClass]="[!signaturesService.mobileMode ? 'right-menu' : 'right-menu-responsive']" #rightMenu menuId="right-menu" contentId="main-content" side="end" type="overlay" disabled (ionDidOpen)="showRightContent=true" (ionDidClose)="showRightContent=false"> <div id="rightContent" style="display: contents;"></div> </ion-menu> diff --git a/src/frontend/app/app.component.ts b/src/frontend/app/app.component.ts index b1089710b9..f241e42328 100755 --- a/src/frontend/app/app.component.ts +++ b/src/frontend/app/app.component.ts @@ -49,9 +49,12 @@ export class AppComponent { this.debugMode = true; } - this.platform.resize.subscribe(async () => { - this.isPortrait = this.platform.isPortrait() ? true : false; - }); + if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { + this.signaturesService.mobileMode = true; + } else { + this.signaturesService.mobileMode = false; + } + } test() { -- GitLab