From f852e2950d4455d98bc05220b4cbb155a13e7ba6 Mon Sep 17 00:00:00 2001
From: Jonathan Weth <git@jonathanweth.de>
Date: Wed, 17 Jul 2024 12:35:37 +0200
Subject: [PATCH] Move action buttons in person multiple select dialog to the
bottom
---
.../absences/ManageStudentsDialog.vue | 25 +++++++------------
1 file changed, 9 insertions(+), 16 deletions(-)
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue b/aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue
index 2b8150944..3e7820f39 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue
@@ -2,7 +2,6 @@
import AbsenceReasonButtons from "aleksis.apps.kolego/components/AbsenceReasonButtons.vue";
import AbsenceReasonChip from "aleksis.apps.kolego/components/AbsenceReasonChip.vue";
import AbsenceReasonGroupSelect from "aleksis.apps.kolego/components/AbsenceReasonGroupSelect.vue";
-import CancelButton from "aleksis.core/components/generic/buttons/CancelButton.vue";
import DialogCloseButton from "aleksis.core/components/generic/buttons/DialogCloseButton.vue";
import MobileFullscreenDialog from "aleksis.core/components/generic/dialogs/MobileFullscreenDialog.vue";
import mutateMixin from "aleksis.core/mixins/mutateMixin.js";
@@ -26,7 +25,6 @@ export default {
AbsenceReasonGroupSelect,
AbsenceReasonButtons,
PersonalNotes,
- CancelButton,
LessonInformation,
MobileFullscreenDialog,
SlideIterator,
@@ -150,15 +148,6 @@ export default {
class="pt-4 full-width"
/>
</v-scroll-x-transition>
- <v-scroll-x-transition>
- <div v-show="selected.length > 0" class="full-width mt-4">
- <absence-reason-buttons
- allow-empty
- empty-value="present"
- @input="handleMultipleAction"
- />
- </div>
- </v-scroll-x-transition>
</template>
<template #content>
<slide-iterator
@@ -262,11 +251,15 @@ export default {
</template>
<template #actions>
- <cancel-button
- @click="dialog = false"
- i18n-key="actions.close"
- v-show="$vuetify.breakpoint.mobile"
- />
+ <v-scroll-y-reverse-transition>
+ <div v-show="selected.length > 0" class="full-width">
+ <absence-reason-buttons
+ allow-empty
+ empty-value="present"
+ @input="handleMultipleAction"
+ />
+ </div>
+ </v-scroll-y-reverse-transition>
</template>
</mobile-fullscreen-dialog>
</template>
--
GitLab