From 046a95ba1dca3f5ded7e5555d3167f52f95be107 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wieland=20Sch=C3=B6bl?= <wulkanat@gmail.com>
Date: Tue, 18 Jan 2022 13:39:08 +0100
Subject: [PATCH] fix: add event popover expanding beyond screen width

---
 src/app/modules/data/chips/add-event-popover.html | 9 ++++++---
 src/app/modules/data/chips/add-event-popover.scss | 4 ----
 src/global.scss                                   | 1 +
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/modules/data/chips/add-event-popover.html b/src/app/modules/data/chips/add-event-popover.html
index b215543a..fed8d34f 100644
--- a/src/app/modules/data/chips/add-event-popover.html
+++ b/src/app/modules/data/chips/add-event-popover.html
@@ -28,7 +28,7 @@
     </ion-item-divider>
     <ion-item-group *ngFor="let frequency of selection.children">
       <ion-item-divider (click)="frequency.click()">
-        <ion-label>{{
+        <ion-label class="ion-text-wrap">{{
           frequency.children[0].item.repeatFrequency
             ? (frequency.children[0].item.repeatFrequency
               | durationLocalized: true
@@ -46,7 +46,10 @@
         *ngFor="let date of frequency.children"
         (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' }}
           {{ 'data.chips.add_events.popover.AT' | translate }}
           {{ date.item.dates[0] | amDateFormat: 'HH:mm ddd' }}
@@ -54,7 +57,7 @@
           {{ last(date.item.dates) | amDateFormat: 'll' }}
         </ion-label>
         <ng-template #single_event>
-          <ion-label>
+          <ion-label class="ion-text-wrap">
             {{ date.item.duration | amDuration: 'hours' }}
             {{ 'data.chips.add_events.popover.AT' | translate }}
             {{ last(date.item.dates) | amDateFormat: 'll, HH:mm' }}
diff --git a/src/app/modules/data/chips/add-event-popover.scss b/src/app/modules/data/chips/add-event-popover.scss
index 02c74bb6..351927a2 100644
--- a/src/app/modules/data/chips/add-event-popover.scss
+++ b/src/app/modules/data/chips/add-event-popover.scss
@@ -2,10 +2,6 @@
   cursor: pointer;
 }
 
-ion-card-content {
-  width: fit-content;
-}
-
 .action-buttons {
   float: right;
 }
diff --git a/src/global.scss b/src/global.scss
index 2c4376a9..27ba1a04 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -80,4 +80,5 @@ ion-item, ion-card.compact {
 
 .add-event-popover {
   --width: fit-content;
+  --max-width: 95%;
 }