From 76359765f2a3d06815917e1f3b47d792700d8fc3 Mon Sep 17 00:00:00 2001
From: Hamza HRAMCHI <hamza.hramchi@xelians.fr>
Date: Mon, 27 Feb 2023 11:44:26 +0100
Subject: [PATCH] FIX #23980 TIME 1:30 add a resize detection and resolution
change event
---
src/frontend/app/app.component.ts | 33 +++++++++++++++++++++++++++----
1 file changed, 29 insertions(+), 4 deletions(-)
diff --git a/src/frontend/app/app.component.ts b/src/frontend/app/app.component.ts
index 632ea21764..d3bb4a2be3 100755
--- a/src/frontend/app/app.component.ts
+++ b/src/frontend/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component, ViewEncapsulation } from '@angular/core';
+import { Component, HostListener, OnInit, ViewEncapsulation } from '@angular/core';
import { CookieService } from 'ngx-cookie-service';
import { SignaturesContentService } from './service/signatures.service';
import { HttpClient } from '@angular/common/http';
@@ -19,11 +19,12 @@ import { Platform } from '@ionic/angular';
styleUrls: ['app.component.scss']
})
-export class AppComponent {
+export class AppComponent implements OnInit {
isPortrait: boolean;
debugMode: boolean;
showLeftContent: boolean = false;
showRightContent: boolean = false;
+
constructor(private translate: TranslateService,
public http: HttpClient,
public signaturesService: SignaturesContentService,
@@ -53,8 +54,32 @@ export class AppComponent {
}
- test() {
- return true;
+ // The event listens for window resize and checks if the device resolution has changed
+ @HostListener('window:resize', ['$event'])
+ onResize() {
+ if (window.matchMedia('(resolution: ' + window.devicePixelRatio + 'dppx)').matches) {
+ if (window.devicePixelRatio >= 1.25) {
+ this.signaturesService.mobileMode = true;
+ setTimeout(() => {
+ $('.right-menu-responsive').css('--max-width', 'none');
+ }, 0);
+ } else {
+ this.signaturesService.mobileMode = false;
+ }
+ }
+ }
+
+ ngOnInit(): void {
+ if (window.matchMedia('(resolution: ' + window.devicePixelRatio + 'dppx)').matches) {
+ if (window.devicePixelRatio >= 1.25) {
+ this.signaturesService.mobileMode = true;
+ setTimeout(() => {
+ $('.right-menu-responsive').css('--max-width', 'none');
+ }, 0);
+ } else {
+ this.signaturesService.mobileMode = false;
+ }
+ }
}
allowedRoute() {
--
GitLab