@usableapp/cardds 0.7.70 → 0.7.71
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.
- package/CHANGELOG.md +5 -0
- package/css/layover.css +1 -0
- package/dist/cardds.css +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
> For: a project that consumes `@usableapp/cardds` and its AI — what changed between versions, written as before → after, so a screen can be brought up to date without reading the source. Newest first. A consumer never edits cardds; if something here leaves you without a way to do what you did before, report the gap.
|
|
4
4
|
|
|
5
|
+
## 0.7.71 — 2026-10-08
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
- **A popover `Menu` / `Dropdown` on an iPhone was as tall as the screen** (Lh 2026-10-08) — in Safari on iOS 26 an open menu ran from under its button to the foot of the screen, its rows spread out over that height. Before → after: three rows stood 706px tall → 163px, each row its own 48px. Nothing to change in an app: the same markup, the same props. Chrome and Android never showed it.
|
|
9
|
+
|
|
5
10
|
## 0.7.70 — 2026-10-08
|
|
6
11
|
|
|
7
12
|
### Added
|
package/css/layover.css
CHANGED
|
@@ -127,6 +127,7 @@
|
|
|
127
127
|
--menu-pad: var(--sp-2); /* published: a row's radius is concentric with the panel's */
|
|
128
128
|
padding: var(--menu-pad);
|
|
129
129
|
min-width: 12rem;
|
|
130
|
+
align-content: start; /* rows keep their own height: WebKit stretches a popover grid's rows to the whole room under its anchor (iOS 26.5, 2026-10-08) */
|
|
130
131
|
background: var(--menu-bg, var(--action-bg));
|
|
131
132
|
color: var(--menu-ink, var(--action-ink));
|
|
132
133
|
box-shadow: var(--menu-shadow, var(--shadow-float));
|
package/dist/cardds.css
CHANGED
|
@@ -4823,6 +4823,7 @@ button:enabled { cursor: pointer; } /* a disabled one keeps the arrow */
|
|
|
4823
4823
|
--menu-pad: var(--sp-2); /* published: a row's radius is concentric with the panel's */
|
|
4824
4824
|
padding: var(--menu-pad);
|
|
4825
4825
|
min-width: 12rem;
|
|
4826
|
+
align-content: start; /* rows keep their own height: WebKit stretches a popover grid's rows to the whole room under its anchor (iOS 26.5, 2026-10-08) */
|
|
4826
4827
|
background: var(--menu-bg, var(--action-bg));
|
|
4827
4828
|
color: var(--menu-ink, var(--action-ink));
|
|
4828
4829
|
box-shadow: var(--menu-shadow, var(--shadow-float));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@usableapp/cardds",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.71",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "card-first mobile design system, React-first: the components in src/ are thin wrappers over the CSS contract (css/*.css stays the only truth); gallery/ shows every story live (npm run dev), tests/ measures the geometry.",
|