reflect thumbnailPosition

src/views/gallery/gallery-tile.vue

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

src/views/gallery/gallery-utilities.ts

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

src/views/gallery/gallery.d.ts

@@ -22,6 +22,12 @@ export type GalleryEntryInheritedProperties = {
    * @see {@link GalleryList.tags}
    */
   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
    */