Theaninova/openstapps
1
0
Fork 0
mirror of https://gitlab.com/openstapps/openstapps.git synced 2026-01-22 01:22:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: align grid & thumbnail spacing with list

Browse Source
This commit is contained in:
Rainer Killinger
2021-05-11 11:56:16 +02:00
parent ef87601e84
commit 00d52fa069
4 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/modules/data/detail/data-detail.html
View File

@@ -38,7 +38,7 @@
</ng-container> </ng-container>
<ng-container *ngSwitchDefault> <ng-container *ngSwitchDefault>
<ion-item class="ion-text-wrap" lines="inset"> <ion-item class="ion-text-wrap" lines="inset">
<ion-thumbnail slot="start"> <ion-thumbnail slot="start" class="ion-margin-end">
<ion-icon color="medium" [attr.name]="item.type | dataIcon"></ion-icon> <ion-icon color="medium" [attr.name]="item.type | dataIcon"></ion-icon>
</ion-thumbnail> </ion-thumbnail>
<ion-grid *ngSwitchDefault> <ion-grid *ngSwitchDefault>

8
src/app/modules/data/detail/data-detail.scss
View File

@@ -11,3 +11,11 @@
} }
} }
} }
::ng-deep {
ion-grid, ion-col {
padding-inline-start: 0;
padding-top: 0;
padding-bottom: 0;
}
}

8
src/app/modules/data/elements/skeleton-list-item.scss
View File

@@ -1,7 +1,7 @@
::ng-deep { ::ng-deep {
ion-grid,ion-col { ion-grid, ion-col {
padding-inline-start: 0px!important; padding-inline-start: 0;
padding-top: 0px!important; padding-top: 0;
padding-bottom: 0px!important; padding-bottom: 0;
} }
} }

8
src/app/modules/data/list/data-list-item.scss
View File

@@ -1,8 +1,8 @@
::ng-deep { ::ng-deep {
ion-grid,ion-col { ion-grid, ion-col {
padding-inline-start: 0px!important; padding-inline-start: 0 ;
padding-top: 0px!important; padding-top: 0;
padding-bottom: 0px!important; padding-bottom: 0;
} }
} }