From e1b75a71bb5eaf9422677abb4fbc99cab4bce83d Mon Sep 17 00:00:00 2001
From: JP Cen <peter.cen@gmail.com>
Date: Sat, 20 Apr 2024 23:57:32 -0400
Subject: [PATCH] 0.9.15

---
 main.js       | 28 +++++++++++++++-------------
 manifest.json |  2 +-
 styles.css    |  5 +++--
 3 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/main.js b/main.js
index 100f4a7..bb54a02 100644
--- a/main.js
+++ b/main.js
@@ -86385,7 +86385,7 @@ var toggleNode = {
             styles: {
               width: `'16px'`,
               height: `'16px'`,
-              transform: `'rotate(0deg)'`
+              transform: `'rotate(90deg)'`
             },
             actions: {
               onClick: `$saveState({ toggle: {props: { value: !toggle.props.value }} })`
@@ -86781,7 +86781,8 @@ var calendarView = {
         width: `'100%'`,
         height: `'auto'`,
         layout: `'grid'`,
-        "--mk-grid-columns": `'7'`
+        "--mk-grid-columns": `'7'`,
+        "--mk-grid-width": `'0'`
       }
     ),
     frameRootWithProps(
@@ -86971,7 +86972,8 @@ var cardsListItem = {
       layout: `"column"`,
       overflow: `'hidden'`,
       borderRadius: `'8px'`,
-      width: `'250px'`,
+      width: `'100%'`,
+      height: `'100%'`,
       border: `'1px solid var(--mk-ui-border)'`,
       boxShadow: `'var(--mk-shadow-card)'`
     },
@@ -87112,7 +87114,7 @@ var cardListItem = {
       layout: `"column"`,
       overflow: `'hidden'`,
       borderRadius: `'8px'`,
-      width: `'250px'`,
+      width: `'100%'`,
       border: `'1px solid var(--mk-ui-border)'`
     },
     actions: {
@@ -87545,7 +87547,8 @@ var columnGroup = {
       {
         gap: `'8px'`,
         layout: `'column'`,
-        width: `'100%'`
+        width: `'100%'`,
+        alignItems: `'stretch'`
       }
     ),
     frameRootWithProps(
@@ -87650,9 +87653,10 @@ var gridGroup = {
       {},
       {
         gap: `'8px'`,
-        layout: `'row'`,
+        layout: `'grid'`,
         width: `'100%'`,
-        flexWrap: `'wrap'`
+        "--mk-grid-columns": `'auto-fill'`,
+        "--mk-grid-width": `'250px'`
       }
     )
   ]
@@ -112936,15 +112940,13 @@ var FilterBar = (props) => {
           };
           if (col.type.startsWith("option")) {
             const offset2 = e4.target.getBoundingClientRect();
+            const options = parseFieldValue(col.value, col.type).options;
             props.superstate.ui.openMenu(offset2, {
               ui: props.superstate.ui,
               multi: true,
               editable: false,
               value: parseMultiString(filter2.value),
-              options: parseMultiString(col.value).map((f2) => ({
-                name: f2,
-                value: f2
-              })),
+              options: options ?? [],
               saveOptions,
               placeholder: i18n_default.labels.optionItemSelectPlaceholder,
               searchable: true,
@@ -122931,7 +122933,7 @@ var BannerView = (props) => {
       setBanner(null);
     }
   }, [pathState]);
-  const offset2 = pathState?.metadata.property?.banner_y ?? 0;
+  const offset2 = pathState?.metadata.property?.banner_y ? `calc(50% + ${pathState?.metadata.property?.banner_y.toString()}px)` : "center";
   const triggerBannerContextMenu = (e4) => {
     e4.preventDefault();
     const menuOptions = [
@@ -122981,7 +122983,7 @@ var BannerView = (props) => {
     onContextMenu: triggerBannerContextMenu,
     style: {
       backgroundImage: `url(${banner.scheme == "vault" ? props.superstate.ui.getUIPath(banner.basePath) : banner.fullPath})`,
-      backgroundPositionY: offset2.toString() + "px"
+      backgroundPositionY: offset2
     }
   }), /* @__PURE__ */ import_react155.default.createElement("div", {
     className: `mk-spacer`,
diff --git a/manifest.json b/manifest.json
index 752b143..0f74bf9 100755
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
     "id": "make-md",
     "name": "MAKE.md",
-    "version": "0.9.14",
+    "version": "0.9.15",
     "minAppVersion": "0.16.0",
     "description": "Make.md brings powerful and modern note-taking features to Obsidian. Capture, organize and connect information with more flexibility without any code.",
     "author": "MAKE.md",
diff --git a/styles.css b/styles.css
index 5d769d2..e9cc840 100644
--- a/styles.css
+++ b/styles.css
@@ -2659,6 +2659,8 @@ body .markdown-source-view.mod-cm6.mod-cm6.is-readable-line-width .mk-inline-tit
   width: 100%;
   user-select: none;
   height: 200px;
+  background-size: cover;
+  background-position-y: center;
 }
 .mk-space-banner img {
   height: 200px;
@@ -3537,8 +3539,7 @@ body:not(.is-mobile) .mk-tree-wrapper .mk-folder-buttons {
 }
 .mk-layout-grid {
   display: grid;
-  grid-template-columns: repeat(7, minmax(0, 1fr));
-  grid-gap: 1px;
+  grid-template-columns: repeat(var(--mk-grid-columns), minmax(var(--mk-grid-width), 1fr));
 }
 .mk-layout-masonry {
   column-count: 3;