← Commit history

1.40.0: 700 settled by experiment (hold width fixed, vary only layout); layout dominates width

John Lauer ·6fc84e58be ·1mo ago ·parent 6c7da9e
2 files changed +28−1
package.json+1−1
@@ -1,6 +1,6 @@ {   "slug": "adom-ui-design",-  "version": "1.39.0",+  "version": "1.40.0",   "type": "skill",   "description": "The Adom UI Design System plus a bundle of focused UI skills (tooltips, floating-windows, toasts, responsive-ui, app-shell, ai-driven-apps, clickable-paths, dark-default, input-feedback, settings-layout). One install drops the whole set of skill files onto your container, plus shared icon assets (the settings cog) so every Adom app draws the same glyph.",   "dependencies": {},
skills/newbie-panel/SKILL.md+27
@@ -212,6 +212,33 @@ on the real surface. It also gives you an attributable answer: a width you measured through your own page in the user's ah is evidence, where a width you assumed is not. +### Why 700, settled by experiment++Three threads reasoned from correct arithmetic to three different answers, because every+comparison varied WIDTH and LAYOUT at the same time. nb settled it by holding the width fixed+and varying only the layout, forcing each with a style override:++| At 632px | panel inner | table | **phrase cell** | truncated |+|---|---|---|---|---|+| TWO columns | 548 | 344 | **247px** | 2 of 5 |+| ONE column | 548 | 548 | **426px** | 0 of 5 |++**Layout dominates width by an order of magnitude.** Collapsing buys +179px of phrase cell at+the same width, and every phrase fits including a 426px install string that truncates in every+two-column configuration measured below 1280px. For contrast across a 13px width change:+619px one column gives a 535px table; 632px two columns gives 344px.++So the collapse is not a concession, it is what makes the teaching text readable in the state+where users actually read it (rail open, browsing the dock).++**The deciding question for any future change to this number** is whether the LONGEST phrase+any app ships fits the two-column cell at 632px. If it does not for even one app, the number+stays where it is.++**And the methodological rule, which cost three threads several hours:** when comparing+layouts, HOLD THE WIDTH FIXED AND VARY ONLY THE LAYOUT. A comparison that changes both tells+you nothing, and it is very easy to present one to yourself as a contrast.+ ### The capture matrix  Six frames, not four (nb's, and better than what this skill asked for):