From 53a0f76e18b295e6db2456e0627ea6a14d0c6ddc Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Thu, 21 Nov 2024 18:39:34 +0100
Subject: [PATCH] Same height of timetable select and timetable
---
.../apps/chronos/frontend/components/SelectTimetable.vue | 7 +++++++
.../apps/chronos/frontend/components/TimetableWrapper.vue | 1 +
2 files changed, 8 insertions(+)
diff --git a/aleksis/apps/chronos/frontend/components/SelectTimetable.vue b/aleksis/apps/chronos/frontend/components/SelectTimetable.vue
index 1f901533..537b6629 100644
--- a/aleksis/apps/chronos/frontend/components/SelectTimetable.vue
+++ b/aleksis/apps/chronos/frontend/components/SelectTimetable.vue
@@ -18,6 +18,11 @@ export default {
required: false,
default: false,
},
+ limitHeight: {
+ default: false,
+ required: false,
+ type: Boolean,
+ },
},
data() {
return {
@@ -88,6 +93,8 @@ export default {
disable-pagination
hide-default-footer
:loading="loading"
+ :style="{ height: limitHeight ? '600px' : null }"
+ :class="{ 'overflow-auto': limitHeight }"
>
<template #default="{ items, isExpanded, expand }">
<v-list class="scrollable-list">
diff --git a/aleksis/apps/chronos/frontend/components/TimetableWrapper.vue b/aleksis/apps/chronos/frontend/components/TimetableWrapper.vue
index 08a0bbbe..7212933b 100644
--- a/aleksis/apps/chronos/frontend/components/TimetableWrapper.vue
+++ b/aleksis/apps/chronos/frontend/components/TimetableWrapper.vue
@@ -151,6 +151,7 @@ export default {
v-model="selected"
:loading="$apollo.queries.availableTimetables.loading"
:available-timetables="availableTimetables"
+ limit-height
/>
</v-card>
</v-col>
--
GitLab