Merge branch...

Merge branch '299-move-action-buttons-in-multiple-selection-of-persons-in-lesson-to-the-footer-of-the-card' into 'master'

Resolve "Move action buttons in multiple selection of persons in lesson to the footer of the card"

Closes #299

See merge request !385

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>