FEAT #15550 TIME 0:10 resize the right menu according to device

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>

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() {