diff options
author | Ferdinand Thiessen <opensource@fthiessen.de> | 2023-12-01 04:06:14 +0100 |
---|---|---|
committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2023-12-01 22:02:11 +0100 |
commit | f79a1ad33ec762e36ac6d66fa733cff4db7fa75d (patch) | |
tree | f341f965bf3e03dbae54b332eb920f7b825cd116 /apps/files/src/components/FileEntry/FavoriteIcon.vue | |
parent | 2091b5af86690a2042fb782a97c5e04fc485a826 (diff) | |
download | nextcloud-server-f79a1ad33ec762e36ac6d66fa733cff4db7fa75d.tar.gz nextcloud-server-f79a1ad33ec762e36ac6d66fa733cff4db7fa75d.zip |
fix(files): Remove aria-label from span and move to favorite icon
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Diffstat (limited to 'apps/files/src/components/FileEntry/FavoriteIcon.vue')
-rw-r--r-- | apps/files/src/components/FileEntry/FavoriteIcon.vue | 17 |
1 files changed, 12 insertions, 5 deletions
diff --git a/apps/files/src/components/FileEntry/FavoriteIcon.vue b/apps/files/src/components/FileEntry/FavoriteIcon.vue index 6eb1fbd8edd..2d3373d7b42 100644 --- a/apps/files/src/components/FileEntry/FavoriteIcon.vue +++ b/apps/files/src/components/FileEntry/FavoriteIcon.vue @@ -20,10 +20,13 @@ - --> <template> - <NcIconSvgWrapper class="favorite-marker-icon" :svg="StarSvg" /> + <NcIconSvgWrapper class="favorite-marker-icon" :name="t('files', 'Favorite')" :svg="StarSvg" /> </template> -<script> +<script lang="ts"> +import { translate as t } from '@nextcloud/l10n' +import { defineComponent } from 'vue' + import StarSvg from '@mdi/svg/svg/star.svg?raw' import NcIconSvgWrapper from '@nextcloud/vue/dist/Components/NcIconSvgWrapper.js' @@ -38,7 +41,7 @@ import NcIconSvgWrapper from '@nextcloud/vue/dist/Components/NcIconSvgWrapper.js * } * ``` */ -export default { +export default defineComponent({ name: 'FavoriteIcon', components: { NcIconSvgWrapper, @@ -52,10 +55,14 @@ export default { await this.$nextTick() // MDI default viewbox is "0 0 24 24" but we add a stroke of 10px so we must adjust it const el = this.$el.querySelector('svg') - el.setAttribute('viewBox', '-4 -4 30 30') + el?.setAttribute?.('viewBox', '-4 -4 30 30') }, -} + methods: { + t, + }, +}) </script> + <style lang="scss" scoped> .favorite-marker-icon { color: #a08b00; |