pandorga 1.4.7 → 1.4.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b72923b7c78519c2e27d696f963cf147445dd0d8dd089f90a69cde8c2247acbd
-  data.tar.gz: 703d26b69d010bcd5e535eee0dfd64da725887439cd68edb7cd8da827acb69d8
+  metadata.gz: fdc6dcec6dea0007093b40500ca2ec287d17170029f68b3f4284090fe14236a1
+  data.tar.gz: be5ea215e27ebe6755ce5d09875c8ca175d16daf3d8328c94161255fba179531
 SHA512:
-  metadata.gz: a974cbf723b43a543a0af0a489c74c08bac2bddd4b77275baf5e74c106fde22aa69ea4e0085f0a1a71ba9f25514db61d0e6fc96dd9f03f749645e38e93dfd704
-  data.tar.gz: 164b159223d96b978e251f271fc8aea4b6535ad3397205efa88860dd1211b31ace3661b3425d6540b72874f1cd8d4348f8480ae305eccce115d45756dd0bfb5b
+  metadata.gz: f2f5de4ed2c7737a20b33fe03018c49f8a2267a4903ed065c5af9f99bf1b36e708305186c3d022786152efc15ba39791c6f55c2cf9427d2bac4f97a61cda77a7
+  data.tar.gz: 43e93a55bd09913445387e511741522588d2fb51d37589dc51abc4d0d4e4145fa3fef32c7087a7b4d59fa841fe25b2e5cc799bc1c88c2efa3883e7dfb5d546d4

data/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## [1.4.8] — 2026-10-08
+
+### Changed
+
+- Home project bench: specimen and inventory share equal ~45.6% columns;
+  inventory thumbnails fill row height at 16:9; list titles, copy, and
+  resource marks retuned (neutral gray icons, tighter type)
+- Specimen tagline flexes into spare card height and ellipsizes with a
+  proper "…" (CSS line-clamp was hard-clipping mid-glyph)
+
 ## [1.4.7] — 2026-10-07
 
 ### Fixed

data/_layouts/home.html

@@ -250,6 +250,43 @@ layout: shell
         /* Lock height to the tallest project so swapping never moves the
            inventory. Remeasure on resize when the specimen column width
            changes (chip wrap / plate width). */
+        /* `-webkit-line-clamp` fails on the specimen card (mid-glyph crop,
+           no ellipsis). Copy flexes into spare card height; fit text here. */
+        function ellipsizeSpecimenCopy(root) {
+          var copy = root.querySelector('.ledger-card-copy');
+          if (!copy) return;
+          var full = copy.getAttribute('data-full-text') || copy.textContent;
+          copy.setAttribute('data-full-text', full);
+          copy.textContent = full;
+          if (copy.scrollHeight <= copy.clientHeight + 1) return;
+
+          function fitted(n) {
+            if (n >= full.length) {
+              copy.textContent = full;
+              return copy.scrollHeight <= copy.clientHeight + 1;
+            }
+            var slice = full.slice(0, n);
+            var sp = slice.lastIndexOf(' ');
+            if (sp > Math.floor(n * 0.5)) slice = slice.slice(0, sp);
+            copy.textContent = slice.replace(/[.,;:\s]+$/u, '') + '…';
+            return copy.scrollHeight <= copy.clientHeight + 1;
+          }
+
+          var lo = 0;
+          var hi = full.length;
+          var best = 0;
+          while (lo <= hi) {
+            var mid = (lo + hi) >> 1;
+            if (fitted(mid)) {
+              best = mid;
+              lo = mid + 1;
+            } else {
+              hi = mid - 1;
+            }
+          }
+          fitted(best);
+        }
+
         function paintSpecimen(entry) {
           specimenSlot.innerHTML = '';
           specimenSlot.appendChild(runtime.renderProjectSpecimen(asItem(entry), {
@@ -258,6 +295,7 @@ layout: shell
             folio: positionOf(entry.slug) + 1,
             openLabel: 'Open project'
           }));
+          ellipsizeSpecimenCopy(specimenSlot);
         }
 
         function measureTallestSpecimen() {
@@ -302,8 +340,21 @@ layout: shell
           var bench = specimenSlot.closest('.home-projects-bench');
           if (!bench) return;
           var tallest = measureTallestSpecimen();
-          if (tallest > 0) {
-            bench.style.setProperty('--home-specimen-height', tallest + 'px');
+          /* Floor at the CSS inventory minimum so six rows always clear
+             three stacked resource icons (see --home-inventory-min-height). */
+          var inventoryMin = 0;
+          var raw = window.getComputedStyle(bench)
+            .getPropertyValue('--home-inventory-min-height').trim();
+          if (raw) {
+            var probe = document.createElement('div');
+            probe.style.cssText = 'position:absolute;visibility:hidden;height:' + raw;
+            bench.appendChild(probe);
+            inventoryMin = Math.ceil(probe.getBoundingClientRect().height);
+            probe.remove();
+          }
+          var locked = Math.max(tallest, inventoryMin);
+          if (locked > 0) {
+            bench.style.setProperty('--home-specimen-height', locked + 'px');
           }
         }
 

data/assets/css/ledger/home.css

@@ -957,12 +957,13 @@ html[data-theme="light"] .home-hero-plate {
    A specimen card beside a filing rack of project cards. Height is locked to
    the tallest project (home.html measures once, then sets
    `--home-specimen-height`), so swapping projects never resizes the band or
-   the inventory. Taglines stay full length and chips wrap whole pills like
-   the projects index; spare height parks chips and the foot on the floor.
-   Every plate is 16:9, the ratio the thumbnails are drawn at, with the title
-   below it. From 900px the specimen is half the band and the rack a narrower
-   column beside it, the rest left blank. Below 900px the rack is an icon strip
-   above the specimen, one column per project. */
+   the inventory. Taglines clamp to two lines with an ellipsis; chips wrap
+   whole pills like the projects index; spare height parks chips and the foot
+   on the floor. Every plate is 16:9, the ratio the thumbnails are drawn at,
+   with the title below it. From 900px the specimen and the rack share equal
+   columns (~45.6% each); rows reserve height for three resource icons.
+   Below 900px the rack is an icon strip above the specimen, one column
+   per project. */
 .home-projects-bench {
   --home-specimen-height: 32rem;
   --home-icon-btn-size: 2.75rem;
@@ -1138,12 +1139,15 @@ html[data-theme="light"] .home-hero-plate {
   white-space: nowrap;
 }
 
-/* Full tagline, same as `.ledger-system-card` on the projects index — no
-   clamp and no flex-shrink that would crop mid-sentence. The chip row wraps
-   whole pills to the next line (never mid-label); spare height still parks
-   them and the foot on the floor. */
+/* Tagline fills spare height between the plate and the chips/foot.
+   `-webkit-line-clamp` hard-clips mid-glyph on this card, so home.html
+   ellipsizes against the flex-allocated box after paint (`height: 0` +
+   `flex: 1` is the same definite-size trick as `.home-draft-card`). */
 .home-project-specimen .ledger-card-copy {
-  flex: 0 0 auto;
+  flex: 1 1 auto;
+  min-height: calc(var(--type-body) * var(--leading-body) * 2);
+  height: 0;
+  overflow: hidden;
   font-size: var(--type-body);
   line-height: var(--leading-body);
   color: var(--color-on-surface-variant);
@@ -1153,14 +1157,14 @@ html[data-theme="light"] .home-hero-plate {
   flex: 0 0 auto;
   flex-wrap: wrap;
   gap: var(--space-xs);
-  margin: auto 0 0;
+  margin: 0;
 }
 
 .home-specimen-foot {
   flex: 0 0 auto;
   flex-wrap: wrap;
   gap: var(--space-md);
-  margin-top: auto;
+  margin-top: var(--space-sm);
   padding-top: var(--space-md);
 }
 
@@ -1281,11 +1285,25 @@ html[data-theme="light"] .home-hero-plate {
 
 @media (min-width: 900px) {
 
-  /* Desktop fallback before JS measures the tallest specimen. */
+  /* Desktop fallback before JS measures the tallest specimen.
+     Specimen and inventory share equal columns (specimen was 38% then
+     +20% → 45.6%; the list matches that width). Rows still reserve
+     height for three stacked resource icons. */
   .home-projects-bench {
-    --home-specimen-height: 36rem;
+    --home-inventory-icon-size: 1.55rem;
+    --home-inventory-icon-gap: 0.2rem;
+    --home-inventory-resources-height: calc(
+      3 * var(--home-inventory-icon-size) + 2 * var(--home-inventory-icon-gap)
+    );
+    --home-inventory-row-min: calc(
+      var(--home-inventory-resources-height) + 2 * var(--space-sm)
+    );
+    --home-inventory-min-height: calc(
+      6 * var(--home-inventory-row-min) + 5 * var(--space-sm) + 2 * var(--space-md)
+    );
+    --home-specimen-height: max(36rem, var(--home-inventory-min-height));
     display: grid;
-    grid-template-columns: minmax(0, 50%) minmax(20rem, 40%);
+    grid-template-columns: minmax(0, 45.6%) minmax(0, 45.6%);
     column-gap: var(--space-xl);
     align-items: stretch;
   }
@@ -1295,6 +1313,9 @@ html[data-theme="light"] .home-hero-plate {
     display: flex;
     flex-direction: column;
     gap: var(--space-sm);
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
     min-height: 0;
     overflow: hidden;
     padding: var(--space-md);
@@ -1307,10 +1328,11 @@ html[data-theme="light"] .home-hero-plate {
 
   .home-project-inventory-row {
     flex: 1 1 0;
+    align-items: flex-start;
     justify-content: flex-start;
     gap: var(--space-md);
     height: auto;
-    min-height: 0;
+    min-height: var(--home-inventory-row-min);
     padding: var(--space-sm) var(--space-md);
     border: 1px solid var(--border-gentle-divider);
     background: var(--color-surface-card);
@@ -1329,10 +1351,14 @@ html[data-theme="light"] .home-hero-plate {
     box-shadow: inset 3px 0 0 var(--color-primary);
   }
 
+  /* Plate fills the row’s content height; width follows 16:9. Stretch keeps
+     it tall while title/copy/icons stay top-aligned with its top edge. */
   .home-project-inventory-media {
     display: block;
     flex: 0 0 auto;
-    width: 5.5rem;
+    align-self: stretch;
+    width: auto;
+    height: auto;
     aspect-ratio: 16 / 9;
     overflow: hidden;
     background: var(--color-surface-high);
@@ -1364,12 +1390,12 @@ html[data-theme="light"] .home-hero-plate {
   }
 
   .home-project-inventory-mark .material-symbols-outlined {
-    font-size: 1.5rem;
+    font-size: 2rem;
   }
 
   .home-project-inventory-mark--initial {
     font-family: var(--font-content-title);
-    font-size: var(--type-card);
+    font-size: var(--type-card-lg);
     font-weight: var(--weight-title);
     line-height: 1;
     color: var(--color-on-surface);
@@ -1378,10 +1404,12 @@ html[data-theme="light"] .home-hero-plate {
   .home-project-inventory-body {
     display: flex;
     flex-direction: column;
-    justify-content: center;
-    gap: 0.1rem;
+    justify-content: flex-start;
+    align-self: flex-start;
+    gap: 0.2rem;
     flex: 1 1 0;
     min-width: 0;
+    padding-top: 0;
   }
 
   .home-project-inventory-resources {
@@ -1389,45 +1417,44 @@ html[data-theme="light"] .home-hero-plate {
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
-    align-self: stretch;
+    align-self: flex-start;
     flex: 0 0 auto;
-    gap: 0.2rem;
-    min-height: 0;
+    gap: var(--home-inventory-icon-gap);
+    width: var(--home-inventory-icon-size);
+    min-height: var(--home-inventory-resources-height);
     position: relative;
     z-index: 1;
   }
 
+  /* Neutral marks — same voice as list descriptions, not primary CTAs. */
   .home-project-inventory-resource {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    width: 1.55rem;
-    height: 1.55rem;
+    width: var(--home-inventory-icon-size);
+    height: var(--home-inventory-icon-size);
     flex: 0 0 auto;
-    background: var(--color-surface-card);
-    color: var(--color-primary);
-    border: 1px solid color-mix(in srgb, var(--border-gentle-divider) 80%, transparent);
-  }
-
-  .home-band--contrast .home-project-inventory-resource {
-    background: var(--color-surface-card-contrast);
-  }
-
-  .home-project-inventory-row.is-selected .home-project-inventory-resource,
-  .home-band--contrast .home-project-inventory-row.is-selected .home-project-inventory-resource {
-    background: var(--color-surface-card);
+    background: transparent;
+    color: var(--color-on-surface-variant);
+    border: 0;
   }
 
   .home-project-inventory-resource .material-symbols-outlined {
     font-size: 1rem;
     line-height: 1;
-    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
+    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
   }
 
-  .home-project-inventory-title {
-    margin: 0;
+  .home-project-inventory-code .ledger-meta {
     font-size: var(--type-label-lg);
-    line-height: 1.25;
+  }
+
+  .home-project-inventory-title {
+    margin: 0.2rem 0 0;
+    font-family: var(--font-content-title);
+    font-size: calc(var(--type-card) - 2pt);
+    font-weight: var(--weight-title);
+    line-height: 1.2;
     color: var(--color-on-surface);
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1442,9 +1469,9 @@ html[data-theme="light"] .home-hero-plate {
 
   .home-project-inventory-copy {
     margin: 0;
-    font-size: var(--type-meta);
+    font-size: var(--type-label-lg);
     font-weight: var(--weight-body);
-    line-height: 1.4;
+    line-height: 1.35;
     color: var(--color-on-surface-variant);
     overflow: hidden;
     text-overflow: ellipsis;

data/lib/pandorga/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Pandorga
-  VERSION = "1.4.7"
+  VERSION = "1.4.8"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: pandorga
 version: !ruby/object:Gem::Version
-  version: 1.4.7
+  version: 1.4.8
 platform: ruby
 authors:
 - The Pandorga contributors