From 6a66c74b30c6962df68491dfffa2fa85d056b56b Mon Sep 17 00:00:00 2001
From: "hamza.hramchi" <hamza.hramchi@xelians.fr>
Date: Thu, 31 Dec 2020 16:27:06 +0100
Subject: [PATCH] FEAT #15550 TIME 0:10 adapt the display of tiles for tablet /
mobile mode
---
.../app/administration/home/administration.component.html | 2 +-
.../app/administration/home/administration.component.scss | 6 ++++++
2 files changed, 7 insertions(+), 1 deletion(-)
diff --git a/src/frontend/app/administration/home/administration.component.html b/src/frontend/app/administration/home/administration.component.html
index 53a3b3dd25..1b41660c30 100644
--- a/src/frontend/app/administration/home/administration.component.html
+++ b/src/frontend/app/administration/home/administration.component.html
@@ -8,7 +8,7 @@
</ion-header>
<ion-content #mainContent>
<ion-grid>
- <ion-row class="repeatRows">
+ <ion-row [ngClass]="[!signaturesService.mobileMode ? 'repeatRows' : 'repeatRowsMobile']">
<ion-col *ngFor="let privilege of authService.user.administrativePrivileges">
<ion-button [routerLink]="privilege.route" expand="block" size="large" fill="outline" color="secondary"
style="height: 200px;">
diff --git a/src/frontend/app/administration/home/administration.component.scss b/src/frontend/app/administration/home/administration.component.scss
index 5a078e56c6..6fd52eed10 100644
--- a/src/frontend/app/administration/home/administration.component.scss
+++ b/src/frontend/app/administration/home/administration.component.scss
@@ -63,4 +63,10 @@
.repeatRows {
display: grid;
grid-template-columns: repeat(4, 1fr);
+}
+
+.repeatRowsMobile {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ -ms-grid-row-align: 10px;
}
\ No newline at end of file
--
GitLab