fix(frontend): Titels van leerpaden worden nu niet meer afgeknipt

(In de titel van een leerpadpagina & in de overzichten)
This commit is contained in:
Gerald Schmittinger 2025-04-02 09:34:08 +02:00
parent ed8b5c919d
commit c9667af9b4
2 changed files with 16 additions and 6 deletions

View file

@ -110,11 +110,15 @@
:query-result="learningPathQueryResult"
v-slot="learningPath: {data: LearningPath}"
>
<v-navigation-drawer v-model="navigationDrawerShown">
<v-list-item
:title="learningPath.data.title"
:subtitle="learningPath.data.description"
></v-list-item>
<v-navigation-drawer v-model="navigationDrawerShown" :width="350">
<v-list-item>
<template v-slot:title>
<div class="learning-path-title">{{ learningPath.data.title }}</div>
</template>
<template v-slot:subtitle>
<div>{{ learningPath.data.description }}</div>
</template>
</v-list-item>
<v-list-item>
<template v-slot:subtitle>
<p><v-icon :color="COLORS.notCompleted" :icon="ICONS.notCompleted"></v-icon> {{ t("legendNotCompletedYet") }}</p>
@ -188,6 +192,9 @@
</template>
<style scoped>
.learning-path-title {
white-space: normal;
}
.search-field-container {
min-width: 250px;
}