Skip to content
Snippets Groups Projects
Commit 6a66c74b authored by Hamza HRAMCHI's avatar Hamza HRAMCHI
Browse files

FEAT #15550 TIME 0:10 adapt the display of tiles for tablet / mobile mode

parent 332406c4
No related branches found
No related tags found
No related merge requests found
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
</ion-header> </ion-header>
<ion-content #mainContent> <ion-content #mainContent>
<ion-grid> <ion-grid>
<ion-row class="repeatRows"> <ion-row [ngClass]="[!signaturesService.mobileMode ? 'repeatRows' : 'repeatRowsMobile']">
<ion-col *ngFor="let privilege of authService.user.administrativePrivileges"> <ion-col *ngFor="let privilege of authService.user.administrativePrivileges">
<ion-button [routerLink]="privilege.route" expand="block" size="large" fill="outline" color="secondary" <ion-button [routerLink]="privilege.route" expand="block" size="large" fill="outline" color="secondary"
style="height: 200px;"> style="height: 200px;">
......
...@@ -63,4 +63,10 @@ ...@@ -63,4 +63,10 @@
.repeatRows { .repeatRows {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); 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
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment