Adding a columns config field.

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.2.3] - 2022-11-14
+
+### Added
+
+* Added a `columns` config field to set the default (max) column count, as an
+  alternative to explicitly setting the image width.
+
 ## [0.2.2] - 2022-11-14
 
 ### Modified

manifest.json

@@ -1,10 +1,10 @@
 {
 	"id": "page-gallery",
 	"name": "Page Gallery",
-	"version": "0.2.2",
+	"version": "0.2.3",
 	"minAppVersion": "0.15.0",
 	"description": "Creates an embeddable gallery based on selected page contents.",
 	"author": "Nathan Clark",
 	"authorUrl": "https://github.com/tokenshift/obsidian-page-gallery",
 	"isDesktopOnly": false
-}
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "obsidian-page-gallery",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Creates an embeddable gallery based on selected page contents.",
   "main": "./src/PageGalleryPlugin.ts",
   "scripts": {

src/Config.ts

@@ -10,6 +10,7 @@ const DEFAULT_CONFIG = {
 export type Page = Record<string, any>
 
 export type ImageConfig = {
+  columns?: number
   height?: string
   width?: string
   position?: string

src/views/PageGallery.svelte

@@ -19,7 +19,8 @@
   style:--image-width={config.width || null}
   style:--image-position={config.position || null}
   style:--image-repeat={config.repeat || null}
-  style:--image-fit={config.fit || null}>
+  style:--image-fit={config.fit || null}
+  style:--max-columns={config.columns || null}>
   <PageGalleryFilter {query} />
 
   <div class="page-gallery__tiles">

versions.json

@@ -6,5 +6,6 @@
 	"0.1.1": "0.15.0",
 	"0.2.0": "0.15.0",
 	"0.2.1": "0.15.0",
-	"0.2.2": "0.15.0"
-}
+	"0.2.2": "0.15.0",
+	"0.2.3": "0.15.0"
+}