From 2c2542f0e0ba6bbda295b920c0005588fb6a0b28 Mon Sep 17 00:00:00 2001 From: Jan-Hendrik Willms <tleilax+studip@gmail.com> Date: Mon, 20 Nov 2023 14:46:20 +0000 Subject: [PATCH] fixes #3492 Closes #3492 Merge request studip/studip!2387 --- resources/vue/components/StudipIcon.vue | 24 ++++++++++++++++++------ 1 file changed, 18 insertions(+), 6 deletions(-) diff --git a/resources/vue/components/StudipIcon.vue b/resources/vue/components/StudipIcon.vue index a08bdfaa475..9ca1c7b5932 100644 --- a/resources/vue/components/StudipIcon.vue +++ b/resources/vue/components/StudipIcon.vue @@ -6,10 +6,18 @@ :src="url" :width="size" :height="size" + :role="ariaRole" v-bind="$attrs" v-on="$listeners" /> - <img v-else :src="url" :width="size" :height="size" v-bind="$attrs" v-on="$listeners" /> + <img v-else + :src="url" + :width="size" + :height="size" + :role="ariaRole" + v-bind="$attrs" + v-on="$listeners" + /> </template> <script lang="ts"> @@ -18,21 +26,25 @@ import Vue from 'vue'; export default Vue.extend({ name: 'studip-icon', props: { - shape: String, + ariaRole: { + type: String, + required: false, + }, + name: { + type: String, + required: false, + }, role: { type: String, required: false, default: 'clickable', }, + shape: String, size: { type: Number, required: false, default: 16, }, - name: { - type: String, - required: false, - }, }, computed: { url(): string { -- GitLab