Skip to content

Full UI/UX polish pass#82

Merged
danielchalmers merged 1 commit into
mainfrom
redesign-just-works
Jul 7, 2026
Merged

Full UI/UX polish pass#82
danielchalmers merged 1 commit into
mainfrom
redesign-just-works

Conversation

@danielchalmers

@danielchalmers danielchalmers commented Jul 7, 2026

Copy link
Copy Markdown
Owner

Summary

A full redesign of Dayboard's surfaces with one guiding idea: the app should just work, with as few knobs as possible — and look premium doing it.

Fewer knobs

  • "Dock to bottom" removed. The board now centers itself vertically in the viewport — clear of the omnibox suggestions at the top, without hugging the bottom — and scrolls normally from the top once it outgrows the screen. No setting needed.
  • "Drag to rearrange" removed — dragging is always on. The frame-only drag handle keeps card text and controls selectable.
  • "Columns" removed — the responsive auto-fit grid is the only layout.
  • Old stored settings normalize cleanly on read; only the greeting name remains.

New visual identity

  • The greeting (with the date beneath) replaces the "Dayboard" brand title as the hero.
  • Warm paper neutrals, rounder shape language, and depth from neutral shadows and hairline separators — no gradients, glows, or bouncy motion.
  • A shared WidgetIcon names each kind consistently: tinted chips in the add menu, a quiet corner badge on every card, and the edit dialog header.
  • Context menus rebuilt: translucent layered panel, leading icons, group separators, destructive action isolated below a hairline.
  • Options dialog is wider and sectioned (label / control / hint rhythm), and links to the GitHub project.

Details

  • Menu reordering renamed to "Move back" / "Move next" — the grid flows in reading order, so "up/down" was inaccurate in multiple columns.
  • New widgets preselect a random colorful preset (never neutral slate).
  • Delete dialog warns it's permanent and suggests archiving when applicable.
  • Clicking a menu separator or panel padding no longer dismisses the menu.
  • Fixed an invalid ease out animation shorthand that dropped the whole declaration.

Screenshots

Board

Before After
image image

Widget context menu

Before After
image image

Add menu

Before After
image image

Edit dialog

Before After
image image

Options dialog

Before After
image image

Testing

  • npm run typecheck
  • npm test — 116 unit tests ✅
  • npx playwright test — 43 e2e tests against the built extension ✅ (dock/options/label tests rewritten for the new behavior; visual spec now also captures the Options dialog)

The board now behaves well without configuration, so the layout knobs are
gone: it centers itself vertically in the viewport (replacing "Dock to
bottom"), the responsive grid is the only layout (replacing "Columns"), and
dragging is always available (replacing "Drag to rearrange"). Old stored
settings normalize cleanly; only the greeting name remains.

The visual identity is rebuilt for a premium, restrained feel: the greeting
(with the date beneath) replaces the brand title as the hero, neutrals get a
touch of warmth, and depth comes from neutral shadows and hairline separators
rather than gradients, glows, or bouncy motion. Context menus gain leading
icons, group separators, and a translucent layered panel; the Options dialog
is sectioned with label/control/hint rhythm, and links to the GitHub project.
A shared WidgetIcon names each kind consistently across the add menu, card
corner badges, and dialog headers.

Details: menu reordering is now "Move back" / "Move next" (the grid flows in
reading order, so "up/down" was inaccurate), new widgets preselect a random
colorful preset, the delete dialog suggests archiving instead, clicking a
menu separator no longer dismisses the menu, and an invalid `ease out`
animation shorthand is fixed.
@danielchalmers danielchalmers changed the title Redesign every surface around a "just works" philosophy Full UI/UX polish pass Jul 7, 2026
@danielchalmers danielchalmers merged commit 60d8629 into main Jul 7, 2026
5 checks passed
@danielchalmers danielchalmers deleted the redesign-just-works branch July 7, 2026 18:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant