Resolve "Vue-Komponente: StudIPSelect - Dropdown-Icon vereinheitlichen"

Closes #6056

Merge request studip/studip!4610

27 files changed, 24 insertions, 158 deletions

diff --git a/resources/vue/apps/ConsultationCreator.vue b/resources/vue/apps/ConsultationCreator.vue
index 4e92eb5..0b1cfbb 100644
--- a/resources/vue/apps/ConsultationCreator.vue
+++ b/resources/vue/apps/ConsultationCreator.vue
@@ -169,11 +169,7 @@
                     :reduce="option => option.id"
                     multiple
                     :clearable="true"
-                >
-                    <template #open-indicator>
-                        <span><studip-icon shape="arr_1down" :size="10" /></span>
-                    </template>
-                </StudipSelect>
+                />
             </template>
 
             <template v-if="withResponsible.groups">
@@ -187,11 +183,7 @@
                     :reduce="option => option.id"
                     multiple
                     :clearable="true"
-                >
-                    <template #open-indicator>
-                        <span><studip-icon shape="arr_1down" :size="10" /></span>
-                    </template>
-                </StudipSelect>
+                />
             </template>
 
             <template v-if="withResponsible.institutes">
@@ -205,11 +197,7 @@
                     :reduce="option => option.id"
                     multiple
                     :clearable="true"
-                >
-                    <template #open-indicator>
-                        <span><studip-icon shape="arr_1down" :size="10" /></span>
-                    </template>
-                </StudipSelect>
+                />
             </template>
         </fieldset>
 
diff --git a/resources/vue/apps/forum/search/Index.vue b/resources/vue/apps/forum/search/Index.vue
index 7ae1b74..ba5d9a8 100644
--- a/resources/vue/apps/forum/search/Index.vue
+++ b/resources/vue/apps/forum/search/Index.vue
@@ -255,7 +255,8 @@ onMounted(async () => {
             <div>
                 <button
                     @click="isFilterVisible = !isFilterVisible"
-                    type="button" class="toggle-filter-button"
+                    type="button"
+                    class="toggle-filter-button button-base"
                     :title="isFilterVisible ? $gettext('Erweiterte Filter zuklappen') : $gettext('Erweiterte Filter aufklappen')"
                     :aria-label="isFilterVisible ? $gettext('Erweiterte Filter zuklappen') : $gettext('Erweiterte Filter aufklappen')"
                     :aria-expanded="isFilterVisible.toString()"
diff --git a/resources/vue/components/StudipSelect.vue b/resources/vue/components/StudipSelect.vue
index 1f8d226..1246aac 100644
--- a/resources/vue/components/StudipSelect.vue
+++ b/resources/vue/components/StudipSelect.vue
@@ -1,29 +1,36 @@
 <template>
-    <v-select ref="select"
-              v-bind="{...$props, ...$attrs}"
-              :model-value="modelValue"
-              @update:modelValue="value => updateValue(value)"
-              :calculate-position="withPopper"
-              class="studip-v-select"
-              append-to-body
+    <vSelect ref="select"
+             v-bind="{...$props, ...$attrs}"
+             :model-value="modelValue"
+             @update:modelValue="value => updateValue(value)"
+             :calculate-position="withPopper"
+             class="studip-v-select"
+             append-to-body
     >
+        <template #open-indicator="{ attributes }">
+            <span v-bind="attributes">
+                <StudipIcon shape="arr_1down" :size="10" />
+            </span>
+        </template>
         <template v-for="(index, name) in $slots" v-slot:[name]="data">
             <slot :name="name" v-bind="data"></slot>
         </template>
-    </v-select>
+    </vSelect>
 </template>
 
 <script>
 import vSelect from 'vue-select';
 import { createPopper } from '@popperjs/core'
 import 'vue-select/dist/vue-select.css'
+import StudipIcon from '@/vue/components/StudipIcon.vue';
 
 export default {
     name: 'studip-select',
     emits: ['update:modelValue'],
     inheritAttrs: false,
     components: {
-        vSelect,
+        StudipIcon,
+        vSelect
     },
     props: {
         modelValue: [String, Number, Object, Array],
diff --git a/resources/vue/components/courseware/blocks/CoursewareChartBlock.vue b/resources/vue/components/courseware/blocks/CoursewareChartBlock.vue
index 2051adc..00610da 100644
--- a/resources/vue/components/courseware/blocks/CoursewareChartBlock.vue
+++ b/resources/vue/components/courseware/blocks/CoursewareChartBlock.vue
@@ -30,9 +30,6 @@
                             :clearable="false"
                             label="name"
                         >
-                            <template #open-indicator="{ selectAttributes }">
-                                <span v-bind="selectAttributes"><studip-icon shape="arr_1down" :size="10"/></span>
-                            </template>
                             <template #selected-option="option">
                                 <span>{{ option.name }}</span>
                             </template>
@@ -74,9 +71,6 @@
                                     :clearable="false"
                                     v-model="item.color"
                                 >
-                                    <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>
diff --git a/resources/vue/components/courseware/blocks/CoursewareHeadlineBlock.vue b/resources/vue/components/courseware/blocks/CoursewareHeadlineBlock.vue
index f80d93a..818c54c 100644
--- a/resources/vue/components/courseware/blocks/CoursewareHeadlineBlock.vue
+++ b/resources/vue/components/courseware/blocks/CoursewareHeadlineBlock.vue
@@ -104,11 +104,6 @@
                                 :clearable="false"
                                 v-model="currentTextColor"
                             >
-                                <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>
@@ -139,11 +134,6 @@
                                     :clearable="false"
                                     v-model="currentTextBackgroundColor"
                                 >
-                                    <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>
@@ -173,11 +163,6 @@
                                     :options="icons"
                                     v-model="currentIcon"
                                 >
-                                    <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>
@@ -216,11 +201,6 @@
                                     v-model="currentBackgroundColor"
                                     :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>
diff --git a/resources/vue/components/courseware/blocks/CoursewareImageMapBlock.vue b/resources/vue/components/courseware/blocks/CoursewareImageMapBlock.vue
index b9f8d92..bce1057 100644
--- a/resources/vue/components/courseware/blocks/CoursewareImageMapBlock.vue
+++ b/resources/vue/components/courseware/blocks/CoursewareImageMapBlock.vue
@@ -109,11 +109,6 @@
                                     v-model="shape.data.color"
                                     @input="drawScreen"
                                 >
-                                    <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>
@@ -140,11 +135,6 @@
                                     v-model="shape.data.textcolor"
                                     @input="drawScreen"
                                 >
-                                    <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>
diff --git a/resources/vue/components/courseware/blocks/CoursewareKeyPointBlock.vue b/resources/vue/components/courseware/blocks/CoursewareKeyPointBlock.vue
index 736ba32..4f476f5 100644
--- a/resources/vue/components/courseware/blocks/CoursewareKeyPointBlock.vue
+++ b/resources/vue/components/courseware/blocks/CoursewareKeyPointBlock.vue
@@ -42,9 +42,6 @@
                             :reduce="(option) => option.class"
                             v-model="currentColor"
                         >
-                            <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>
@@ -67,9 +64,6 @@
                             :options="icons"
                             :clearable="false"
                             v-model="currentIcon">
-                            <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>
diff --git a/resources/vue/components/courseware/blocks/CoursewareTestBlock.vue b/resources/vue/components/courseware/blocks/CoursewareTestBlock.vue
index fc0e5ba..eb7320f 100644
--- a/resources/vue/components/courseware/blocks/CoursewareTestBlock.vue
+++ b/resources/vue/components/courseware/blocks/CoursewareTestBlock.vue
@@ -78,9 +78,6 @@
                         v-model="assignment_id"
                         class="cw-vs-select"
                     >
-                        <template #open-indicator="{ attributes }">
-                            <span v-bind="attributes"><studip-icon shape="arr_1down" :size="10"/></span>
-                        </template>
                         <template #no-options="{}">
                             {{ $gettext('Es steht keine Auswahl zur Verfügung.') }}
                         </template>
diff --git a/resources/vue/components/courseware/blocks/CoursewareTimelineBlock.vue b/resources/vue/components/courseware/blocks/CoursewareTimelineBlock.vue
index 7e884fe..09543ea 100644
--- a/resources/vue/components/courseware/blocks/CoursewareTimelineBlock.vue
+++ b/resources/vue/components/courseware/blocks/CoursewareTimelineBlock.vue
@@ -91,9 +91,6 @@
                                     :reduce="option => option.class"
                                     v-model="item.color"
                                 >
-                                    <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>
@@ -115,9 +112,6 @@
                                     :clearable="false"
                                     v-model="item.icon"
                                 >
-                                    <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>
diff --git a/resources/vue/components/courseware/containers/CoursewareAccordionContainer.vue b/resources/vue/components/courseware/containers/CoursewareAccordionContainer.vue
index 6f1ee0d..2b1b12a 100644
--- a/resources/vue/components/courseware/containers/CoursewareAccordionContainer.vue
+++ b/resources/vue/components/courseware/containers/CoursewareAccordionContainer.vue
@@ -116,9 +116,6 @@
                         :options="icons"
                         v-model="section.icon"
                     >
-                        <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>
diff --git a/resources/vue/components/courseware/containers/CoursewareTabsContainer.vue b/resources/vue/components/courseware/containers/CoursewareTabsContainer.vue
index b86e610..3577a0a 100644
--- a/resources/vue/components/courseware/containers/CoursewareTabsContainer.vue
+++ b/resources/vue/components/courseware/containers/CoursewareTabsContainer.vue
@@ -112,9 +112,6 @@
                         :options="icons"
                         v-model="section.icon"
                     >
-                        <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>
diff --git a/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogAdd.vue b/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogAdd.vue
index 1c3a6fb..e6b4089 100644
--- a/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogAdd.vue
+++ b/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogAdd.vue
@@ -92,9 +92,6 @@
                     name="color"
                     :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>
diff --git a/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogCopy.vue b/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogCopy.vue
index a3669b4..bf457ac 100644
--- a/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogCopy.vue
+++ b/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogCopy.vue
@@ -75,13 +75,7 @@
                             :reduce="option => option.id"
                             :getOptionLabel="option => option.attributes.title"
                             v-model="selectedRange"
-                        >
-                            <template #open-indicator="{ selectAttributes }">
-                                <span v-bind="selectAttributes"
-                                ><studip-icon shape="arr_1down" :size="10"
-                                /></span>
-                            </template>
-                        </StudipSelect>
+                        />
                         <p v-if="loadingCourses">
                             {{$gettext('Lade Veranstaltungen…')}}
                         </p>
@@ -152,11 +146,6 @@
                     :clearable="false"
                     label="name"
                 >
-                    <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>
diff --git a/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogSettings.vue b/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogSettings.vue
index e15268d..e137404 100644
--- a/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogSettings.vue
+++ b/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogSettings.vue
@@ -42,9 +42,6 @@
                             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>
diff --git a/resources/vue/components/courseware/toolbar/CoursewareToolbarBlocks.vue b/resources/vue/components/courseware/toolbar/CoursewareToolbarBlocks.vue
index c964fe8..bbbac15 100644
--- a/resources/vue/components/courseware/toolbar/CoursewareToolbarBlocks.vue
+++ b/resources/vue/components/courseware/toolbar/CoursewareToolbarBlocks.vue
@@ -43,9 +43,6 @@
                     :reduce="(category) => category.type"
                     v-model="currentFilterCategory"
                     >
-                    <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>
diff --git a/resources/vue/components/courseware/unit/CoursewareShelfDialogAdd.vue b/resources/vue/components/courseware/unit/CoursewareShelfDialogAdd.vue
index 4305766..ea73975 100644
--- a/resources/vue/components/courseware/unit/CoursewareShelfDialogAdd.vue
+++ b/resources/vue/components/courseware/unit/CoursewareShelfDialogAdd.vue
@@ -61,11 +61,6 @@
                     label="name"
                     :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>
diff --git a/resources/vue/components/courseware/unit/CoursewareShelfDialogCopy.vue b/resources/vue/components/courseware/unit/CoursewareShelfDialogCopy.vue
index 07c1083..0e39b5a 100644
--- a/resources/vue/components/courseware/unit/CoursewareShelfDialogCopy.vue
+++ b/resources/vue/components/courseware/unit/CoursewareShelfDialogCopy.vue
@@ -76,13 +76,7 @@
                             :reduce="option => option.id"
                             :getOptionLabel="option => option.attributes.title"
                             v-model="selectedRange"
-                        >
-                            <template #open-indicator="{ selectAttributes }">
-                                <span v-bind="selectAttributes"
-                                    ><studip-icon shape="arr_1down" :size="10"
-                                /></span>
-                            </template>
-                        </StudipSelect>
+                        />
                         <p v-if="loadingCourses">
                             {{$gettext('Lade Veranstaltungen…')}}
                         </p>
@@ -138,11 +132,6 @@
                     :clearable="false"
                     label="name"
                 >
-                    <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>
diff --git a/resources/vue/components/courseware/unit/CoursewareShelfDialogImport.vue b/resources/vue/components/courseware/unit/CoursewareShelfDialogImport.vue
index 7c2c267..39d80f5 100644
--- a/resources/vue/components/courseware/unit/CoursewareShelfDialogImport.vue
+++ b/resources/vue/components/courseware/unit/CoursewareShelfDialogImport.vue
@@ -45,11 +45,6 @@
                         :clearable="false"
                         label="name"
                     >
-                        <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>
diff --git a/resources/vue/components/courseware/unit/CoursewareShelfDialogTopics.vue b/resources/vue/components/courseware/unit/CoursewareShelfDialogTopics.vue
index 1f24005..12d0b5d 100644
--- a/resources/vue/components/courseware/unit/CoursewareShelfDialogTopics.vue
+++ b/resources/vue/components/courseware/unit/CoursewareShelfDialogTopics.vue
@@ -73,9 +73,6 @@
                         label="name"
                         :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>
diff --git a/resources/vue/components/courseware/unit/CoursewareUnitItemDialogLayout.vue b/resources/vue/components/courseware/unit/CoursewareUnitItemDialogLayout.vue
index e6169e4..84b77f5 100644
--- a/resources/vue/components/courseware/unit/CoursewareUnitItemDialogLayout.vue
+++ b/resources/vue/components/courseware/unit/CoursewareUnitItemDialogLayout.vue
@@ -78,9 +78,6 @@
                         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
diff --git a/resources/vue/components/file-chooser/FileChooserToolbar.vue b/resources/vue/components/file-chooser/FileChooserToolbar.vue
index 1331347..883585a 100644
--- a/resources/vue/components/file-chooser/FileChooserToolbar.vue
+++ b/resources/vue/components/file-chooser/FileChooserToolbar.vue
@@ -47,9 +47,6 @@
                     :clearable="false"
                     v-model="uploadFileLicense"
                 >
-                    <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>
diff --git a/resources/vue/components/forum/SelectTagsInput.vue b/resources/vue/components/forum/SelectTagsInput.vue
index 6875289..055fb5d 100644
--- a/resources/vue/components/forum/SelectTagsInput.vue
+++ b/resources/vue/components/forum/SelectTagsInput.vue
@@ -1,7 +1,6 @@
 <script setup>
 import {$gettext} from "../../../assets/javascripts/lib/gettext";
-import StudipSelect from "..//StudipSelect.vue";
-import StudipIcon from "@/vue/components/StudipIcon.vue";
+import StudipSelect from "../StudipSelect.vue";
 </script>
 
 <template>
@@ -19,10 +18,6 @@ import StudipIcon from "@/vue/components/StudipIcon.vue";
         :closeOnSelect="false"
         v-bind="{...$props, ...$attrs}"
     >
-        <template #open-indicator>
-            <StudipIcon shape="add" :size="15" />
-        </template>
-
         <template #selected-option="{name}">
             <span>{{ name }}</span>
         </template>
diff --git a/resources/vue/components/forum/discussions/SelectDiscussionType.vue b/resources/vue/components/forum/discussions/SelectDiscussionType.vue
index e8b1595..0b81988 100644
--- a/resources/vue/components/forum/discussions/SelectDiscussionType.vue
+++ b/resources/vue/components/forum/discussions/SelectDiscussionType.vue
@@ -10,9 +10,6 @@ import StudipSelect from "@/vue/components/StudipSelect.vue";
         label="name"
         v-bind="{...$props, ...$attrs}"
     >
-        <template #open-indicator>
-            <StudipIcon shape="arr_1sort" :size="15"/>
-        </template>
         <template #selected-option="{name, icon}">
             <div class="flex items-center">
                 <StudipIcon :shape="icon" :size="18" :style="{ marginRight: '8px'}"/>
diff --git a/resources/vue/components/forum/topics/SelectTopicInput.vue b/resources/vue/components/forum/topics/SelectTopicInput.vue
index 55f56d3..a5a76fa 100644
--- a/resources/vue/components/forum/topics/SelectTopicInput.vue
+++ b/resources/vue/components/forum/topics/SelectTopicInput.vue
@@ -1,5 +1,4 @@
 <script setup>
-import StudipIcon from "@/vue/components/StudipIcon.vue";
 import {$gettext} from "@/assets/javascripts/lib/gettext";
 import StudipSelect from "@/vue/components/StudipSelect.vue";
 const selectedTopics = defineModel();
@@ -27,9 +26,6 @@ const selectedTopics = defineModel();
                 v-on="events"
             />
         </template>
-        <template #open-indicator>
-            <StudipIcon shape="add" :size="15"/>
-        </template>
         <template #selected-option="{name, color}">
             <div class="flex items-center">
                 <span v-if="color" :style="{ backgroundColor: color, height: '14px', width: '14px', marginRight: '8px'}"></span>
diff --git a/resources/vue/components/stock-images/ColorFilterWidget.vue b/resources/vue/components/stock-images/ColorFilterWidget.vue
index 59be388..e942b40 100644
--- a/resources/vue/components/stock-images/ColorFilterWidget.vue
+++ b/resources/vue/components/stock-images/ColorFilterWidget.vue
@@ -8,10 +8,6 @@
                 @input="onVueSelectInput"
                 label="name"
             >
-                <template #open-indicator>
-                    <span><studip-icon shape="arr_1down" :size="10" /></span>
-                </template>
-
                 <template #option="option">
                     <span class="vs__option-color" :style="{ 'background-color': option.hex }"></span>
                     <span>{{ option.name }}</span>
diff --git a/resources/vue/components/stock-images/SelectorSearch.vue b/resources/vue/components/stock-images/SelectorSearch.vue
index 6edfe5a..439f662 100644
--- a/resources/vue/components/stock-images/SelectorSearch.vue
+++ b/resources/vue/components/stock-images/SelectorSearch.vue
@@ -43,10 +43,6 @@
                     :options="selectableColors"
                     label="name"
                 >
-                    <template #open-indicator>
-                        <span><studip-icon shape="arr_1down" :size="10" /></span>
-                    </template>
-
                     <template #option="option">
                         <span class="vs__option-color" :style="{ 'background-color': option.hex }"></span>
                         <span>{{ option.name }}</span>
diff --git a/resources/vue/components/theme/ThemeAddCopyDialog.vue b/resources/vue/components/theme/ThemeAddCopyDialog.vue
index 3990229..93dddbb 100644
--- a/resources/vue/components/theme/ThemeAddCopyDialog.vue
+++ b/resources/vue/components/theme/ThemeAddCopyDialog.vue
@@ -21,9 +21,6 @@
                     :label="$gettext('Theme auswählen')"
                     :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>