Aero button glass + homework report control; reduced-motion sheet glitch
Buttons: the recipe's thin veils let btn-secondary/btn-ghost/glass-pill blend into the grass and sky - they now carry a stronger pale-glass veil (the Ask-pill look) over the blurred scene, ghosts plus a rim and full-contrast text. Homework make/check results gained the same red "!" report control as the feeds and the guide (a synthetic short-answer activity maps into the report flow; pinned in phase3). Reduced motion: the manual toggle only fed framer's MotionConfig, which strips transform animations - while components branched on the OS-only useReducedMotion - so translucent sheets still spring-faded their opacity in over the page (the "ugly visual glitch with the settings panel"). All 16 components now read useAppReducedMotion() (OS or toggle), and the settings sheet/scrim and the library's phone sheet go instant. Verified frame by frame: opacity 1.00 from the first frame. Contrast 0 findings, axe clean; mobile 126/126, chat 102/102, providers 20/20, wizard 95/95, phase3 31/31, bubbles 34/34, i18n 13/13, native 33/33. Version 0.5.4, SW -> freezmo-v76.
This commit is contained in:
parent
cb8aeb6100
commit
7da308fa1e
26 changed files with 155 additions and 22 deletions
|
|
@ -191,6 +191,10 @@ try {
|
|||
check("phone: shorter follow-up replaces the text", await phone.page.getByText("SHORTER: x = 2").isVisible());
|
||||
check("phone: original can be restored", await phone.page.getByRole("button", { name: "Original" }).isVisible());
|
||||
|
||||
check(
|
||||
"phone: the result carries the report control",
|
||||
await phone.page.getByRole("button", { name: "Report exercise" }).isVisible(),
|
||||
);
|
||||
await phone.page.getByRole("button", { name: "Turn into a study deck" }).click();
|
||||
await phone.page.waitForTimeout(1500);
|
||||
check("phone: landed on New deck", phone.page.url().includes("/create"));
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue