diff options
| author | Murtaza Sultani <sultani@data-quest.de> | 2025-09-25 10:47:15 +0200 |
|---|---|---|
| committer | Murtaza Sultani <sultani@data-quest.de> | 2025-09-25 10:47:15 +0200 |
| commit | 92176f565b5269238d059fa8cdfd0b35cbdb1f7d (patch) | |
| tree | 4ab7114bd52454d7b6713fb1160e105018617fb8 /resources/vue/components/courseware/unit/CoursewareUnitItemDialogLayout.vue | |
| parent | 2c701ef239b24980a0658df3e707dad4edba08a1 (diff) | |
Resolve "Vue Komponente: StudipSelect - funktioniert schlecht, wenn das Item einen langen Namen hat und beim Auf- oder Zuklappen"
Closes #5820
Merge request studip/studip!4499
Diffstat (limited to 'resources/vue/components/courseware/unit/CoursewareUnitItemDialogLayout.vue')
| -rw-r--r-- | resources/vue/components/courseware/unit/CoursewareUnitItemDialogLayout.vue | 39 |
1 files changed, 20 insertions, 19 deletions
diff --git a/resources/vue/components/courseware/unit/CoursewareUnitItemDialogLayout.vue b/resources/vue/components/courseware/unit/CoursewareUnitItemDialogLayout.vue index 14a9195..e6169e4 100644 --- a/resources/vue/components/courseware/unit/CoursewareUnitItemDialogLayout.vue +++ b/resources/vue/components/courseware/unit/CoursewareUnitItemDialogLayout.vue @@ -66,30 +66,31 @@ class="cw-structural-element-description" /> </label> - <label> + <label for="payload-color"> {{ $gettext('Farbe') }} - <studip-select - v-model="currentElement.attributes.payload.color" - :options="colors" - :reduce="(color) => color.class" - label="name" - class="cw-vs-select" - :clearable="false" - > - <template #open-indicator="{ selectAttributes }"> - <span v-bind="selectAttributes"><studip-icon shape="arr_1down" :size="10" /></span> - </template> - <template #no-options> {{ $gettext('Es steht keine Auswahl zur Verfügung.') }}. </template> - <template #selected-option="option"> + </label> + <StudipSelect + id="payload-color" + v-model="currentElement.attributes.payload.color" + :options="colors" + :reduce="(color) => color.class" + label="name" + class="cw-vs-select" + :clearable="false" + > + <template #open-indicator="{ selectAttributes }"> + <span v-bind="selectAttributes"><studip-icon shape="arr_1down" :size="10" /></span> + </template> + <template #no-options> {{ $gettext('Es steht keine Auswahl zur Verfügung.') }}. </template> + <template #selected-option="option"> <span class="vs__option-color" :style="{ 'background-color': option.hex }"></span ><span>{{ option.name }}</span> - </template> - <template #option="option"> + </template> + <template #option="option"> <span class="vs__option-color" :style="{ 'background-color': option.hex }"></span ><span>{{ option.name }}</span> - </template> - </studip-select> - </label> + </template> + </StudipSelect> <label> {{ $gettext('Titelseite') }} <select v-model="currentRootLayout"> |