From 8e3b8658fad5302a567728c6e37075fc00ad05f0 Mon Sep 17 00:00:00 2001
From: Manuel Meister <news.manuelsworld@gmail.com>
Date: Sun, 29 Sep 2024 13:19:48 +0200
Subject: [PATCH 1/3] Fix overflow in camp admin checklist

---
 frontend/src/components/activity/content/Checklist.vue  | 6 +++++-
 frontend/src/components/checklist/SortableChecklist.vue | 4 ++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/activity/content/Checklist.vue b/frontend/src/components/activity/content/Checklist.vue
index 7047c08f75..1ac2d64403 100644
--- a/frontend/src/components/activity/content/Checklist.vue
+++ b/frontend/src/components/activity/content/Checklist.vue
@@ -42,7 +42,7 @@
                       >
                     </template>
                   </v-list-item-subtitle>
-                  <v-list-item-title>
+                  <v-list-item-title class="ec-checklist--item-title">
                     {{ parents.map(({ position }) => position + 1 + '.').join('')
                     }}{{ item.position + 1 }}. {{ item.text }}
                   </v-list-item-title>
@@ -267,4 +267,8 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.ec-checklist--item-title {
+  white-space: normal;
+  line-height: 1.33;
+}
 </style>
diff --git a/frontend/src/components/checklist/SortableChecklist.vue b/frontend/src/components/checklist/SortableChecklist.vue
index 5af2d61bef..939d48e139 100644
--- a/frontend/src/components/checklist/SortableChecklist.vue
+++ b/frontend/src/components/checklist/SortableChecklist.vue
@@ -180,11 +180,15 @@ export default {
   padding-bottom: 6px;
   display: grid;
 }
+.e-checklist-dragarea--inner {
+  min-width: 0;
+}
 .e-checklist-dragarea.dragging:deep(.e-checklist-dragarea) {
   background: rgba(0, 130, 236, 0.15);
   padding-bottom: 0;
 }
 .e-sortable-checklist-item__add {
+  min-width: 0;
   padding-top: 2px;
   padding-bottom: 2px;
 }

From e1c86e3c73398165b8021f16ad22c1ccaebc79b7 Mon Sep 17 00:00:00 2001
From: Manuel Meister <news.manuelsworld@gmail.com>
Date: Sun, 29 Sep 2024 13:33:38 +0200
Subject: [PATCH 2/3] Fix overflow in checklist node detailpane

---
 frontend/src/components/dialog/DialogBottomSheet.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/src/components/dialog/DialogBottomSheet.vue b/frontend/src/components/dialog/DialogBottomSheet.vue
index f021d8d7b1..b4c35eba40 100644
--- a/frontend/src/components/dialog/DialogBottomSheet.vue
+++ b/frontend/src/components/dialog/DialogBottomSheet.vue
@@ -138,4 +138,12 @@ export default {
 .error-area:empty {
   display: none;
 }
+:deep(.ec-dialog-form.v-bottom-sheet.v-dialog) {
+  overflow-y: auto;
+}
+.ec-dialog-toolbar {
+  position: sticky;
+  z-index: 10;
+  top: 0;
+}
 </style>

From 07bbbfe159ddaa23328363635be0ac8491647291 Mon Sep 17 00:00:00 2001
From: Manuel Meister <news.manuelsworld@gmail.com>
Date: Sun, 29 Sep 2024 14:02:43 +0200
Subject: [PATCH 3/3] Add a close button to checklist detailpane

---
 frontend/src/components/activity/content/Checklist.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/components/activity/content/Checklist.vue b/frontend/src/components/activity/content/Checklist.vue
index 1ac2d64403..b0a5d54a16 100644
--- a/frontend/src/components/activity/content/Checklist.vue
+++ b/frontend/src/components/activity/content/Checklist.vue
@@ -5,6 +5,8 @@
         v-model="showDialog"
         icon="mdi-clipboard-list-outline"
         :title="$tc('components.activity.content.checklist.title')"
+        :cancel-action="close"
+        :cancel-visible="false"
       >
         <template #activator="{ on }">
           <button
@@ -257,6 +259,9 @@ export default {
       this.uncheckedItems = []
       this.dirty = false
     },
+    close() {
+      this.showDialog = false
+    },
   },
 }
 </script>