@takagaki/cortex-decisions-viewer 0.12.157 → 0.12.158

package/dist/render.js

@@ -4972,10 +4972,9 @@ button.site-icon[aria-busy="true"] .site-icon-plus { opacity: 0; }
 .card-facet-yomi { font-size: 11.5px; }
 .card-titlerow { display: flex; align-items: baseline; gap: 12px; margin: 0 0 6px; }
 .card-titlerow .card-title { flex: 0 1 auto; min-width: 0; overflow-wrap: anywhere; margin: 2px 0 0; }
-/* 関係者のアイコン（名前のすぐ右・一覧と各ページで同じ見た目。名前は他の区画と同じく左詰め）。portal.id がある人はポータルの人のページへのリンク */
-.card-namerow { display: flex; align-items: center; gap: 10px; margin: 2px 0 6px; }
-.card-namerow .card-title { flex: 0 1 auto; min-width: 0; overflow-wrap: anywhere; margin: 0; }
-.card-titlerow .mface { align-self: center; }
+/* 関係者のアイコン。一覧のカードは右端（名前と説明文の 2 行の中央）・詳細ページは名前のすぐ右。portal.id がある人はポータルの人のページへのリンク */
+.card-facerow { display: flex; align-items: center; gap: 12px; }
+.card-facemain { flex: 1 1 auto; min-width: 0; }
 .detail-namerow { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; }
 .detail-namerow .detail-title { margin: 0; min-width: 0; flex: 0 1 auto; overflow-wrap: anywhere; }
 .mface { position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; overflow: hidden; background: var(--border, #e5e7eb); color: var(--muted, #6b7280); font-size: 13px; font-weight: 700; line-height: 1; text-decoration: none; box-sizing: border-box; }
@@ -8124,11 +8123,22 @@ ${story_1.splitByNameLinks.toString()}
     var eb = fmErrorBadge(rec);
     if (eb) meta.appendChild(eb);
     var title = cardTitleLink(rec, titleExtra);
-    // 関係者は名前のすぐ右にアイコン（詳細と同じ mfAvatar・名前は左詰め）
+    // 関係者のアイコンは一覧ではカードの右端（名前と説明文の 2 行の中央）。返す配列の face に持たせ、呼び出し側が組む
     var face = isMemberRec(rec) ? mfAvatar(rec) : null;
-    if (!meta.childNodes.length) return [el("div", { class: "card-titlerow" }, [title, face, trace])];
-    meta.appendChild(trace);
-    return [meta, face ? el("div", { class: "card-namerow" }, [title, face]) : title];
+    var out;
+    if (!meta.childNodes.length) out = [el("div", { class: "card-titlerow" }, [title, trace])];
+    else { meta.appendChild(trace); out = [meta, title]; }
+    out.face = face;
+    return out;
+  }
+
+  /** 一覧カードの本体を組む。関係者（head.face がある）は、上の段（.card-meta）の下の「名前＋説明文」と右端のアイコンを横に並べる。 */
+  function cardBody(head, rest) {
+    var nodes = head.concat(rest);
+    if (!head.face) return nodes;
+    var top = nodes.filter(function (n) { return n && n.classList && n.classList.contains("card-meta"); });
+    var main = nodes.filter(function (n) { return top.indexOf(n) < 0; });
+    return top.concat([el("div", { class: "card-facerow" }, [el("div", { class: "card-facemain" }, main), head.face])]);
   }
 
   /**
@@ -19463,7 +19473,7 @@ ${story_1.splitByNameLinks.toString()}
           draftBadge(r),
           r.date ? el("span", { class: "mono", text: r.date }) : null,
         ].concat(cardFacets(r)), r.deleted ? " is-deleted" : "");
-        var card = el("div", { class: "card", title: r.id, "data-record-id": r.id }, head.concat([
+        var card = el("div", { class: "card", title: r.id, "data-record-id": r.id }, cardBody(head, [
           r.summary ? el("p", { class: "card-summary", text: r.summary }) : null,
         ]));
         card.addEventListener("click", function () { go(r.id); });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takagaki/cortex-decisions-viewer",
-  "version": "0.12.157",
+  "version": "0.12.158",
   "description": "Cortexの意思決定記録（Decisions/*.md）を静的サイトにビルドして閲覧する。各レコードに「Edit on GitHub」リンクを付与する。",
   "license": "UNLICENSED",
   "private": false,