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

refactor: undo card based look on detail views

Browse Source
This commit is contained in:
Rainer Killinger
2021-08-09 16:50:21 +02:00
parent 9f75f47e9c
commit 640df473f7
5 changed files with 40 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/modules/data/detail/data-detail-content.scss
View File

@@ -6,7 +6,18 @@
} }
} }
ion-card { ion-card {
margin: 0;
box-shadow: none;
ion-card-content {
h1 {
margin: 0;
}
padding-bottom: 8px;
}
ion-card-header { ion-card-header {
color: var(--ion-color-dark);
padding-top: 8px;
padding-bottom: 4px;
font-weight: bold; font-weight: bold;
} }
ion-grid, ion-col { ion-grid, ion-col {
@@ -15,4 +26,9 @@
padding-bottom: 0; padding-bottom: 0;
} }
} }
ion-grid, ion-col {
padding-inline-start: 0;
padding-top: 0;
padding-bottom: 0;
}
} }

12
src/app/modules/data/types/dish/dish-detail-content.html
View File

@@ -1,8 +1,12 @@
<ion-card> <ion-card>
<ion-card-content> <ion-card-content>
<h1>{{ 'name' | thingTranslate: item }}</h1> <ion-text color="dark">
{{ 'description' | thingTranslate: item }}</ion-card-content <h1>
> {{ 'name' | thingTranslate: item }}
</h1>
</ion-text>
{{ 'description' | thingTranslate: item }}
</ion-card-content>
</ion-card> </ion-card>
<ion-grid> <ion-grid>
<ion-row> <ion-row>
@@ -41,7 +45,7 @@
></stapps-offers-detail> ></stapps-offers-detail>
<stapps-simple-card <stapps-simple-card
*ngIf="item.additives" *ngIf="item.additives"
[title]="'additives' | propertyNameTranslate: item" [title]="'additives' | propertyNameTranslate: item | titlecase"
[content]="'additives' | thingTranslate: item | join: ', '" [content]="'additives' | thingTranslate: item | join: ', '"
> >
</stapps-simple-card> </stapps-simple-card>

12
src/app/modules/data/types/place/place-list-item.html
View File

@@ -21,7 +21,11 @@
</li> </li>
<li *ngIf="distance"> <li *ngIf="distance">
<ion-icon name="walk"></ion-icon <ion-icon name="walk"></ion-icon
>{{ distance | numberLocalized: 'style:unit,unit:meter,notation:compact' }} >{{
distance
| numberLocalized
: 'style:unit,unit:meter,notation:compact'
}}
</li> </li>
</ul> </ul>
</ion-note> </ion-note>
@@ -34,7 +38,11 @@
</li> </li>
<li *ngIf="distance"> <li *ngIf="distance">
<ion-icon name="walk"></ion-icon <ion-icon name="walk"></ion-icon
>{{ distance | numberLocalized: '1.0-0' }} m >{{
distance
| numberLocalized
: 'style:unit,unit:meter,notation:compact'
}}
</li> </li>
</ul> </ul>
</ion-note> </ion-note>

6
src/app/modules/data/types/place/special/mensa/place-mensa.html
View File

@@ -1,6 +1,10 @@
<ion-card> <ion-card>
<ion-card-content> <ion-card-content>
<h1>{{ 'name' | thingTranslate: item }}</h1> <ion-text color="dark">
<h1>
{{ 'name' | thingTranslate: item }}
</h1>
</ion-text>
{{ 'description' | thingTranslate: item }}</ion-card-content {{ 'description' | thingTranslate: item }}</ion-card-content
> >
</ion-card> </ion-card>

1
src/index.html
View File

@@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="color-scheme" content="light dark" />
<title>StApps</title> <title>StApps</title>
<base href="/" /> <base href="/" />