Goldenwere/mackenzii
Goldenwere/mackenzii
1
0
Fork 0
Code Activity Actions

reflect thumbnailPosition

Browse source
This commit is contained in:
lightling 2024-04-12 01:22:22 -04:00
parent 1cfa5e023a
commit ae6235429a
3 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/views/gallery/gallery-tile.vue
View file

@ -27,6 +27,7 @@ const title = computed(() => getTitleFromEntryOrId(props.entry, props.id))
img( img(
:src='entry.thumbnailUrl || entry.url' :src='entry.thumbnailUrl || entry.url'
:alt='entry.description || id' :alt='entry.description || id'
:data-thumbnail-position='entry.thumbnailPosition || "center center"'
) )
.caption-wrapper .caption-wrapper
p {{ title }} p {{ title }}

3
src/views/gallery/gallery-utilities.ts
View file

@ -35,6 +35,9 @@ export const _amendVariantWithDefaults = (parent: GalleryEntryInheritedPropertie
if (!variant.tags && !!parent.tags) { if (!variant.tags && !!parent.tags) {
variant.tags = parent.tags variant.tags = parent.tags
} }
if (!variant.thumbnailPosition && !!parent.thumbnailPosition) {
variant.thumbnailPosition = parent.thumbnailPosition
}
return variant return variant
} }

6
src/views/gallery/gallery.d.ts vendored
View file

@ -22,6 +22,12 @@ export type GalleryEntryInheritedProperties = {
* @see {@link GalleryList.tags} * @see {@link GalleryList.tags}
*/ */
tags: string[] tags: string[]
/**
* the position of the thumbnail;
* reflects this as a dataset attribute that can be targeted by CSS selectors
* for the purpose of positioning the thumbnail
*/
thumbnailPosition?: string
/** /**
* the title of the entry * the title of the entry
*/ */