From 40a0897be0e8834633f18b98f56ae117447236d2 Mon Sep 17 00:00:00 2001 From: Zéro~Informatique Date: Mon, 5 Sep 2022 07:25:10 +0200 Subject: viewer: wrong colour for icon and title for audio items github: closes #323 --- viewer/src/views/ItemThumbnail.vue | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'viewer/src/views/ItemThumbnail.vue') diff --git a/viewer/src/views/ItemThumbnail.vue b/viewer/src/views/ItemThumbnail.vue index 1c9e206..c512004 100644 --- a/viewer/src/views/ItemThumbnail.vue +++ b/viewer/src/views/ItemThumbnail.vue @@ -40,7 +40,7 @@ size="4x" /> - {{ item.title }} +
@@ -74,6 +74,7 @@ const icon = computed(() => navigation.getIcon(props.item)); @import "~@/assets/scss/theme"; .thumbnailOther { + color: $text-light; width: $thumbnail-other-size; height: $thumbnail-other-size; padding-top: $body-line-height * 1em; -- cgit v1.2.3 From c03a7e37288433dcc99ddb419e49df06a1eee576 Mon Sep 17 00:00:00 2001 From: Zéro~Informatique Date: Tue, 25 Oct 2022 00:37:30 +0200 Subject: viewer: wrong colour for icon and title for audio items github: closes #323 --- viewer/src/views/ItemThumbnail.vue | 1 - 1 file changed, 1 deletion(-) (limited to 'viewer/src/views/ItemThumbnail.vue') diff --git a/viewer/src/views/ItemThumbnail.vue b/viewer/src/views/ItemThumbnail.vue index c512004..bf33043 100644 --- a/viewer/src/views/ItemThumbnail.vue +++ b/viewer/src/views/ItemThumbnail.vue @@ -74,7 +74,6 @@ const icon = computed(() => navigation.getIcon(props.item)); @import "~@/assets/scss/theme"; .thumbnailOther { - color: $text-light; width: $thumbnail-other-size; height: $thumbnail-other-size; padding-top: $body-line-height * 1em; -- cgit v1.2.3 From cfbff75f78963e3d24326f731590e78a4d719e9e Mon Sep 17 00:00:00 2001 From: Zéro~Informatique Date: Sun, 6 Nov 2022 19:34:26 +0100 Subject: viewer/command: add item download button Fixed a reactivity issue with props used in a composition function (useItemResource) Fixed crash with null items in LayoutTop Changed how downloadable items are identified: We use the fact they are materialized in the gallery instead of a hardly defined "listing condition". This also simplifies the code. --- viewer/src/views/ItemThumbnail.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'viewer/src/views/ItemThumbnail.vue') diff --git a/viewer/src/views/ItemThumbnail.vue b/viewer/src/views/ItemThumbnail.vue index bf33043..afd0e48 100644 --- a/viewer/src/views/ItemThumbnail.vue +++ b/viewer/src/views/ItemThumbnail.vue @@ -50,7 +50,7 @@ import { Item } from '@/@types/gallery'; import { useNavigation } from '@/services/navigation'; import { useItemResource } from '@/services/ui/ldItemResourceUrl'; import VLazyImage from 'v-lazy-image'; -import { computed, PropType, ref } from 'vue'; +import { computed, PropType, ref, toRef } from 'vue'; const props = defineProps({ item: { type: Object as PropType, required: true }, @@ -60,7 +60,7 @@ const navigation = useNavigation(); const loading = ref(false); -const { thumbnailResourceUrl } = useItemResource(props.item); +const { thumbnailResourceUrl } = useItemResource(toRef(props, 'item')); const pictureStyle = computed(() => { const resolution = props.item.thumbnail?.resolution ?? { width: 1, height: 1 }; -- cgit v1.2.3