refactor: layout detail adjustments

refactor: increase contrast of toolbar fav button
refactor: remove non working localization for news
refactor: equalize tab bar in top toolbar
refactor: padding on map buttons and rename them
refactor: repair profile card alignments for safari
refactor: fix dashboard resize behavior on safari
refactor: make title card button reachable again
refactor: put card hover in media query
refactor: realign schedule view toolbar
refactor: adjust toolbar heights
refactor: introduce proper header logo
This commit is contained in:
Rainer Killinger
2022-08-18 17:19:58 +00:00
committed by Thea Schöbl
parent ebdc14d3c3
commit f3cf3b30e3
26 changed files with 462 additions and 66 deletions

View File

@@ -1,13 +1,4 @@
<ion-header>
<ion-toolbar class="ion-hide-md-up">
<ion-label slot="start">{{
'dashboard.header.title' | daytimeKey | translate
}}</ion-label>
<ion-img src="assets/imgs/logo.png" class="logo"></ion-img>
</ion-toolbar>
</ion-header>
<ion-content>
<div class="schedule">
<a [routerLink]="['/schedule/recurring']">
<ion-icon name="layout-grid"></ion-icon>
@@ -35,7 +26,9 @@
<ion-label>{{ 'dashboard.schedule.noEventLink' | translate }}</ion-label>
</a>
</div>
</ion-header>
<ion-content>
<div class="scrollable-container">
<stapps-navigation-section></stapps-navigation-section>
<stapps-search-section></stapps-search-section>

View File

@@ -44,7 +44,7 @@ ion-content {
.scrollable-container {
overflow: hidden auto;
height: 100%;
padding-top: 160px;
padding-top: 122px;
@media (max-width: 440px) {
padding-top: 140px;
@@ -52,7 +52,7 @@ ion-content {
@include ion-md-up {
padding-top: 0;
padding-bottom: 160px;
padding-bottom: 122px;
}
}
@@ -100,10 +100,10 @@ ion-content {
a:first-child {
border: 2px solid var(--ion-color-primary-tint);
text-align: center;
flex: 1 1 auto;
flex: 0 0 auto;
aspect-ratio: 1;
box-sizing: content-box;
max-height: 100px;
max-height: 60px;
@include phoneLandscape {
height: auto;