diff options
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"> |