@kolkrabbi/kol-theme 0.148.0 → 0.149.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1295,7 +1295,10 @@
1295
1295
  --kol-ql-header-h: 44px;
1296
1296
  --kol-ql-footer-h: 0px;
1297
1297
  --kol-ql-frame-h: 88vh;
1298
- --kol-ql-max-w: calc(100vw - 4rem);
1298
+ /* On a phone the window meets `.kol-overlay`'s own 24px padding and no more (touch pass
1299
+ 2026-09-23: 32px gutters left a 326px reading column at 390 — now 342). The old 32 from md
1300
+ up. Min-width only — breakpoints law #3 */
1301
+ --kol-ql-max-w: calc(100vw - 3rem);
1299
1302
  --kol-ql-media-h: calc(var(--kol-ql-frame-h) - var(--kol-ql-header-h) - var(--kol-ql-footer-h) - 2px);
1300
1303
  position: relative;
1301
1304
  display: flex;
@@ -1308,6 +1311,7 @@
1308
1311
  border-radius: var(--kol-radius-md);
1309
1312
  overflow: hidden;
1310
1313
  }
1314
+ @media (min-width: 768px) { .kol-quicklook { --kol-ql-max-w: calc(100vw - 4rem); } }
1311
1315
  /* a sized window (the corner was dragged): the body takes all of it, media centred inside */
1312
1316
  .kol-quicklook--sized { max-width: none; }
1313
1317
  /* THE HEADER'S CONTROLS WEAR THE CLOSE IDIOM (`Button variant="nav"`), whose hover wash is oq-04 —
@@ -850,6 +850,18 @@
850
850
  background: var(--kol-oq-08);
851
851
  pointer-events: none;
852
852
  }
853
+ /* THE DISCLOSURE'S TAP TARGET IS WIDER THAN ITS DRAWING (touch pass 2026-09-23: a 14px-wide
854
+ target). The chevron column stays 14 so zone 3 keeps its 74; the hit area reaches into the
855
+ row's 16px left padding and the 8px gap — 38 × the row's 60 — and stops at the icon, which
856
+ is the row's own tap (open). */
857
+ .kol-column-browser-disclose { position: relative; }
858
+ .kol-column-browser-disclose::after {
859
+ content: '';
860
+ position: absolute;
861
+ inset-block: 0;
862
+ left: -16px;
863
+ right: -8px;
864
+ }
853
865
  /* the thumbnail fills its box and crops — a media tile is the image, not a
854
866
  letterboxed one */
855
867
  .kol-column-browser-thumb img,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kolkrabbi/kol-theme",
3
- "version": "0.148.0",
3
+ "version": "0.149.0",
4
4
  "description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
5
5
  "license": "MIT",
6
6
  "type": "module",