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

fix: add event popover expanding beyond screen width

Browse Source
This commit is contained in:
Wieland Schöbl
2022-01-18 13:39:08 +01:00
committed by Thea Schöbl
parent 54cc8838ae
commit 046a95ba1d
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/modules/data/chips/add-event-popover.html
View File

@@ -28,7 +28,7 @@
</ion-item-divider> </ion-item-divider>
<ion-item-group *ngFor="let frequency of selection.children"> <ion-item-group *ngFor="let frequency of selection.children">
<ion-item-divider (click)="frequency.click()"> <ion-item-divider (click)="frequency.click()">
<ion-label>{{ <ion-label class="ion-text-wrap">{{
frequency.children[0].item.repeatFrequency frequency.children[0].item.repeatFrequency
? (frequency.children[0].item.repeatFrequency ? (frequency.children[0].item.repeatFrequency
| durationLocalized: true | durationLocalized: true
@@ -46,7 +46,10 @@
*ngFor="let date of frequency.children" *ngFor="let date of frequency.children"
(click)="date.selected = !date.selected; frequency.notifyChildChanged()" (click)="date.selected = !date.selected; frequency.notifyChildChanged()"
> >
<ion-label *ngIf="date.item.dates.length > 1; else single_event"> <ion-label
class="ion-text-wrap"
*ngIf="date.item.dates.length > 1; else single_event"
>
{{ date.item.duration | amDuration: 'hours' }} {{ date.item.duration | amDuration: 'hours' }}
{{ 'data.chips.add_events.popover.AT' | translate }} {{ 'data.chips.add_events.popover.AT' | translate }}
{{ date.item.dates[0] | amDateFormat: 'HH:mm ddd' }} {{ date.item.dates[0] | amDateFormat: 'HH:mm ddd' }}
@@ -54,7 +57,7 @@
{{ last(date.item.dates) | amDateFormat: 'll' }} {{ last(date.item.dates) | amDateFormat: 'll' }}
</ion-label> </ion-label>
<ng-template #single_event> <ng-template #single_event>
<ion-label> <ion-label class="ion-text-wrap">
{{ date.item.duration | amDuration: 'hours' }} {{ date.item.duration | amDuration: 'hours' }}
{{ 'data.chips.add_events.popover.AT' | translate }} {{ 'data.chips.add_events.popover.AT' | translate }}
{{ last(date.item.dates) | amDateFormat: 'll, HH:mm' }} {{ last(date.item.dates) | amDateFormat: 'll, HH:mm' }}

4
src/app/modules/data/chips/add-event-popover.scss
View File

@@ -2,10 +2,6 @@
cursor: pointer; cursor: pointer;
} }
ion-card-content {
width: fit-content;
}
.action-buttons { .action-buttons {
float: right; float: right;
} }

1
src/global.scss
View File

@@ -80,4 +80,5 @@ ion-item, ion-card.compact {
.add-event-popover { .add-event-popover {
--width: fit-content; --width: fit-content;
--max-width: 95%;
} }