diff options
Diffstat (limited to 'resources/vue/components/courseware/blocks/CoursewareImageMapBlock.vue')
| -rw-r--r-- | resources/vue/components/courseware/blocks/CoursewareImageMapBlock.vue | 26 |
1 files changed, 16 insertions, 10 deletions
diff --git a/resources/vue/components/courseware/blocks/CoursewareImageMapBlock.vue b/resources/vue/components/courseware/blocks/CoursewareImageMapBlock.vue index 4b55693..dd5d180 100644 --- a/resources/vue/components/courseware/blocks/CoursewareImageMapBlock.vue +++ b/resources/vue/components/courseware/blocks/CoursewareImageMapBlock.vue @@ -97,9 +97,12 @@ :icon="shape.title === '' ? 'link-extern' : ''" :selected="index === 0" > - <label class="col-2"> - {{ $gettext('Farbe') }} - <studip-select + <div class="col-2"> + <label for="shape-color"> + {{ $gettext('Farbe') }} + </label> + <StudipSelect + id="shape-color" :options="colors" label="name" :reduce="(color) => color.class" @@ -123,11 +126,14 @@ <span class="vs__option-color" :style="{ 'background-color': option.rgba }"></span ><span>{{ option.name }}</span> </template> - </studip-select> - </label> - <label class="col-2"> - {{ $gettext('Textfarbe') }} - <studip-select + </StudipSelect> + </div> + <div class="col-2"> + <label for="shape-text-color"> + {{ $gettext('Textfarbe') }} + </label> + <StudipSelect + id="shape-text-color" :options="colors" label="name" :reduce="(color) => color.class" @@ -151,8 +157,8 @@ <span class="vs__option-color" :style="{ 'background-color': rgba }"></span ><span>{{ name }}</span> </template> - </studip-select> - </label> + </StudipSelect> + </div> <br /> <template v-if="shape.type === 'arc'"> <label class="col-1"> |