kayg/calternal
Watch
1
0
Fork
You've already forked calternal
 0
Code Issues 191 Pull requests 61 Projects Releases Packages Wiki Activity Actions 20

Phone: no full-screen live blur, a solid top strip, glass under Safari's toolbar (#445) #497

Closed
kayg wants to merge 4 commits from issue/445-no-bleed into dev
pull from: issue/445-no-bleed
merge into: kayg:dev
Conversation 1 Commits 4 Files changed 4 +102 -23
kayg commented 2026-10-16 12:46:02 +00:00
Owner
Copy link

Refs #445, #476.

The band at the top of the phone's frosted screens came from the structure: a full-screen backdrop-filter sheet that touches the screen edge blurs pixels that are not there, so the first ~100px mix in the colour under the sheet, and the top bar added a second blur and tint on top.

What changes (phone, data-edge="glass"):

  • No live blur on the screens. The backdrop's picture layers are blurred once (filter on .blurred, with 96px of spare picture past each edge so the blur has picture to read) and the screens only tint. The floor and the dim stay outside the blur.
  • Top (lab variant 15): a solid, full-width, fixed strip in the edge colour (background-color, safe-top + 12px) with a short fade, Safari-only (the Home Screen app has no Safari bar, the picture simply runs on). The note's top bar blur (the old .glassy tint and blur) is now a progressive ramp with no tint, starting 8px inside the edge and shown only once text has scrolled under it.
  • Bottom (lab variant 14): no strip and no blur at the bottom edge. The strip under Safari's toolbar is the same blurred picture under the same tint, so the list runs on under the toolbar.
  • e2e: a solid fixed layer at an edge must be the page colour (Safari 26+ takes it), and the frosted screens have no bottom-strip check (the last row continues the page above it).

Evidence (simulator contact sheets, seam numbers, scroll timing) is on #445. Needs the real iPhone to confirm the Safari bars (lab #476).

Not merged on purpose: waiting for kayg.

🤖 Generated with Claude Code

https://claude.ai/code/session_019QGa6qjALuHyi8H1naGp6b

Refs #445, #476. The band at the top of the phone's frosted screens came from the structure: a full-screen `backdrop-filter` sheet that touches the screen edge blurs pixels that are not there, so the first ~100px mix in the colour under the sheet, and the top bar added a second blur and tint on top. What changes (phone, `data-edge="glass"`): - No live blur on the screens. The backdrop's picture layers are blurred once (`filter` on `.blurred`, with 96px of spare picture past each edge so the blur has picture to read) and the screens only tint. The floor and the dim stay outside the blur. - Top (lab variant 15): a solid, full-width, fixed strip in the edge colour (`background-color`, safe-top + 12px) with a short fade, Safari-only (the Home Screen app has no Safari bar, the picture simply runs on). The note's top bar blur (the old `.glassy` tint and blur) is now a progressive ramp with no tint, starting 8px inside the edge and shown only once text has scrolled under it. - Bottom (lab variant 14): no strip and no blur at the bottom edge. The strip under Safari's toolbar is the same blurred picture under the same tint, so the list runs on under the toolbar. - e2e: a solid fixed layer at an edge must be the page colour (Safari 26+ takes it), and the frosted screens have no bottom-strip check (the last row continues the page above it). Evidence (simulator contact sheets, seam numbers, scroll timing) is on #445. Needs the real iPhone to confirm the Safari bars (lab #476). Not merged on purpose: waiting for kayg. 🤖 Generated with [Claude Code](https://claude.com/claude-code) https://claude.ai/code/session_019QGa6qjALuHyi8H1naGp6b
Edge strip follows the dim; tests: a solid fixed strip must be the page colour, frosted screens have no bottom strip (#445)
Some checks failed
CI / server (pull_request) Successful in 29s
Details
CI / rust (pull_request) Successful in 2m44s
Details
CI / web (pull_request) Failing after 50m0s
Details
98b3de686b
kayg commented 2026-10-17 04:25:45 +00:00
Author
Owner
Copy link

Replaced by #521 (same branch family, rebased on dev with document scrolling and the bottom-step fix). Closing this one.

Replaced by #521 (same branch family, rebased on dev with document scrolling and the bottom-step fix). Closing this one.
kayg closed this pull request 2026-10-17 04:25:46 +00:00
Some checks failed
CI / server (pull_request) Successful in 29s
Details
CI / rust (pull_request) Successful in 2m44s
Details
CI / web (pull_request) Failing after 50m0s
Details

Pull request closed

This pull request cannot be reopened because the branch was deleted.
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels   
backend
Rust server

  
design
Mockups, UI and TASTE

  
docs
ADRs, CONTEXT, TASTE

  
idea
Parked idea, never worked until promoted

  
infra
Deploy, CI, VMs

  
perf
Performance and budgets

  
reliability
Data integrity, corruption traps

  
web
Web client

No labels
backend
design
docs
idea
infra
perf
reliability
web
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
kayg/calternal!497
No description provided.