From bd1bc345c1d1c72adc4772a942ffd22fe78dbab5 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Fri, 15 Mar 2024 21:23:07 +0100
Subject: [PATCH] Set minWidth of topic dynamically
---
.../components/coursebook/documentation/LessonSummary.vue | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
index 79df3e594..eec73bdb9 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
@@ -167,13 +167,16 @@ export default {
? "mdi-note-plus-outline"
: "mdi-note-off-outline";
},
+ minWidth() {
+ return Math.min(this.documentation?.topic?.length || 15, 15) + "ch";
+ },
},
};
</script>
<style scoped>
.min-width {
- min-width: 25ch;
+ min-width: v-bind(minWidth);
}
.max-width {
--
GitLab