Ask pill joins the glass; Aero hovers light the pane, not move it
The Ask button (and the two phone icon pills sharing its styling) was a hand-styled bg-[var(--surface-strong)] pill that never picked up the frosted recipe - it showed the sharp wallpaper through a flat tint while everything around it showed the blurred one. It carries a glass-pill class and is part of the same recipe now. Hover feedback: a transform or filter on a pane with a viewport-fixed backdrop re-anchors the glass, so the deck card's hover lift made the card flash a wrong crop of the wallpaper (and filter: brightness() on the buttons, plus the mobile :active scale foundation, would have done the same). Aero's feedback no longer moves or filters the glass: the pane lights up with an inner glow, a white rim and a deeper shadow over 170ms, and the pressed state shades inward. Contrast: 0 below-minimum findings, 0 axe violations. Version 0.3.3, SW -> freezmo-v64.
This commit is contained in:
parent
0c5d0ffb11
commit
70ddc5e753
5 changed files with 75 additions and 5 deletions
12
README.md
12
README.md
|
|
@ -1411,6 +1411,18 @@ Things I chose while building, with the reasoning:
|
|||
pre-blurred wallpaper — the scene is clearly visible through the glass, and the
|
||||
pixel-contrast scan still passes.
|
||||
|
||||
68. **The Ask pill joins the glass, and Aero's hovers light the pane instead of moving it.** Two
|
||||
leftovers from the previous pass. The Ask button (and the two phone icon pills that share its
|
||||
styling) was a hand-styled `bg-[var(--surface-strong)]` pill that never picked up the frosted
|
||||
recipe, so it showed the sharp wallpaper through a flat tint while everything around it showed
|
||||
the blurred one — it carries a `glass-pill` class now and is part of the same recipe. And the
|
||||
hover feedback: a `transform` or `filter` on a pane with a viewport-fixed backdrop re-anchors
|
||||
the glass, so the deck card's hover lift made the card flash a wrong crop of the wallpaper
|
||||
(and the buttons' `filter: brightness()` would have done the same, and the mobile
|
||||
`:active { transform: scale(0.96) }` foundation made panes jump while pressed). Aero's
|
||||
feedback never moves or filters the glass now: the pane lights up with an inner glow, a white
|
||||
rim and a deeper shadow, transitioned over 170ms, and the pressed state shades inward.
|
||||
|
||||
67. **The Aero wallpaper URL is cache-busted, and every surface is one glass.** Two fixes from
|
||||
one report. The background "didn't change" because the service worker's asset cache kept
|
||||
serving the previous wallpaper bytes (stale-while-revalidate returns the cached copy first,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue