Mobile liquid-glass actions and floating per-page controls#72
Merged
Conversation
Replace the mobile FAB and options pill with two liquid-glass floating
buttons — Customize on its own, and an Add + Export ("PDF") pair. The
glass surface uses an SVG displacement-map filter for real rim refraction
in Chromium, falling back to a frosted blur elsewhere, and is tinted to
the theme surface so icons stay legible over both the white sheet and the
dark page.
Move the per-page number badge and frame-shape toggle so they straddle
the sheet's top edge and stay always visible (no hover), which makes the
shape control reachable on touch. Give both a dark-mode glass treatment.
Header: let the subheading span full width and add a coral dot after the
Polaroid wordmark. Swap the project Save/Open icons for a floppy and an
open-folder, which fit those actions better than up/down arrows.
Move the page number and frame-shape toggle out of the page and into a row centered in the gap above each sheet, so the sheet's top edge still lines up with the side columns while these sit above that line. The page number is now plain text (no pill), and the shape toggle is a smaller, rounder, more translucent control whose icons take the darker resting colour. Add top margin so the first page's row clears the header.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Reworks the mobile chrome and the per-page controls.
Mobile actions. Replaces the FAB + options pill with two liquid-glass floating buttons — Customize on its own, and an Add + Export ("PDF") pair. The glass uses an SVG displacement-map filter for real rim refraction in Chromium and falls back to a frosted blur elsewhere; it's tinted to the theme surface so the icons stay legible over both the white sheet and the dark page.
Per-page controls. The page number and frame-shape toggle now live in a row centered in the gap above each sheet — out of the page, so the sheet's top edge stays aligned with the side columns. Page number is plain text; the shape toggle is a small, rounded, translucent, always-visible segmented control (no hover needed, so it works on touch).
Header. Full-width subheading, a coral dot after the wordmark, and floppy/open-folder icons for Save/Open instead of up/down arrows.