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

fix: schedule navigation bar layout

Browse Source
This commit is contained in:
Rainer Killinger
2022-01-31 11:59:23 +01:00
parent a57c3029df
commit e7d5f83100
5 changed files with 39 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/modules/schedule/page/modal/modal-event-creator.html
View File

@@ -13,14 +13,16 @@
~ this program. If not, see <https://www.gnu.org/licenses/>. ~ this program. If not, see <https://www.gnu.org/licenses/>.
--> -->
<ion-card-header> <ion-toolbar>
<ion-card-title>{{ <ion-title>{{
'schedule.addEventModal.addEvent' | translate 'schedule.addEventModal.addEvent' | translate | titlecase
}}</ion-card-title> }}</ion-title>
<ion-button fill="clear" (click)="dismissAction()"> <ion-buttons slot="end">
<ion-label>{{ 'modal.DISMISS' | translate }}</ion-label> <ion-button fill="clear" (click)="dismissAction()">
</ion-button> <ion-label>{{ 'modal.DISMISS' | translate }}</ion-label>
</ion-card-header> </ion-button>
</ion-buttons>
</ion-toolbar>
<ion-card-content> <ion-card-content>
<stapps-search-page <stapps-search-page

8
src/app/modules/schedule/page/modal/modal-event-creator.scss
View File

@@ -1,8 +1,6 @@
ion-card-header { ion-button {
ion-button { ion-label {
position: absolute; color: var(--ion-color-primary);
right: 0;
top: 0;
} }
} }

32
src/app/modules/schedule/page/schedule-page.html
View File

@@ -14,20 +14,24 @@
--> -->
<ion-header> <ion-header>
<ion-buttons> <ion-toolbar>
<ion-menu-button></ion-menu-button> <ion-buttons slot="start">
</ion-buttons> <ion-back-button></ion-back-button>
<ion-segment #segment value="calendar" (ionChange)="onSegmentChange()"> <ion-menu-button></ion-menu-button>
<ion-segment-button value="calendar"> </ion-buttons>
<ion-label>{{ 'schedule.calendar' | translate }}</ion-label>
</ion-segment-button> <ion-segment #segment value="calendar" (ionChange)="onSegmentChange()">
<ion-segment-button value="recurring"> <ion-segment-button value="calendar">
<ion-label>{{ 'schedule.recurring' | translate }}</ion-label> <ion-label>{{ 'schedule.calendar' | translate }}</ion-label>
</ion-segment-button> </ion-segment-button>
<ion-segment-button value="single"> <ion-segment-button value="recurring">
<ion-label>{{ 'schedule.single' | translate }}</ion-label> <ion-label>{{ 'schedule.recurring' | translate }}</ion-label>
</ion-segment-button> </ion-segment-button>
</ion-segment> <ion-segment-button value="single">
<ion-label>{{ 'schedule.single' | translate }}</ion-label>
</ion-segment-button>
</ion-segment>
</ion-toolbar>
</ion-header> </ion-header>
<div <div

5
src/app/modules/schedule/page/schedule-page.scss
View File

@@ -14,11 +14,6 @@
*/ */
ion-header {
display: flex;
padding: 8px;
}
div { div {
height: 100%; height: 100%;
} }

8
src/app/modules/schedule/page/schedule-view.scss
View File

@@ -16,3 +16,11 @@
.full-height { .full-height {
height: 100%; height: 100%;
} }
.day-labels > ion-button[disabled] {
opacity: 1;
}
ion-button > ion-label {
overflow: visible !important
}