Skip to content

major: visual redesign#173

Open
AdamJ wants to merge 37 commits into
mainfrom
visual-improvements
Open

major: visual redesign#173
AdamJ wants to merge 37 commits into
mainfrom
visual-improvements

Conversation

@AdamJ

@AdamJ AdamJ commented Jun 11, 2026

Copy link
Copy Markdown
Owner

Summary

This is a complete redesign of the Timetraked user interface.

Type of Change

  • New feature
  • Update to existing feature
  • Bug fix
  • Documentation update
  • Other (describe below)

Related Issue

Closes #

Changes Made

  • 0d19862 fix: more improvements
  • 7579e58 refactor: prune unused Radix color scales from theme
  • e02a677 docs: add Theming section to README-EXT
  • 759d528 fix: remove @radix-ui/themes conflicting with shadcn theming
  • a38dca8 feat: upgrade to Tailwind CSS v4
  • 154026f docs: sync docs for Tailwind v4 upgrade
  • 387e077 feat: continue cleanup process
  • 2ed7b1d fix: resolve console warnings on ProjectList (missing key, invalid

    nesting)

  • 6f4e167 feat: convert Add/Edit Category form to Sheet drawer
  • 97254d5 fix: wire ProjectSheet into ProjectList add/edit
  • b4d9f64 feat: convert Add/Edit Project form to Sheet drawer
  • d0cff87 fix: begin project sheet work
  • e203030 feat: update Client management interface
  • 96764ed docs: sync CLAUDE.md, README, and CHANGELOG for client edit feature
  • 32b37de fix: consistent indentation in updateClient, clear editingClient on sheet dismiss
  • 431b445 feat: wire ClientSheet into ClientManagement for add and edit
  • 98d5330 feat: add ClientSheet component for add/edit
  • 4f88fd2 feat: add updateClient to TimeTrackingContext
  • abe7d97 test: add failing tests for updateClient
  • 9693ac3 docs: add client edit design spec
  • eb74269 feat: complete client address and contact form and card display
  • 5c3fb6b feat: map address and contact fields in Supabase client read/write
  • 4ad154f feat: add address and contact columns to clients table
  • 09f8634 feat: extend Client interface with address and contact fields
  • a6c621a feat: continue UI updates
  • 50b8774 feat: Update Settings view
  • 8256cbe feat: update settings page and upgrade Lucide icons
  • e1dbc7b feat: add Radix colors and swap dailogs for sheets when adding to kanban board or edit a kanban item
  • 1b11480 docs: update conventions to reflect Radix scale class availability
  • 45956a7 docs: document Radix color scale steps and Tailwind usage
  • ef2f1a4 docs: update color constraints to allow Radix scale classes
  • f26e196 feat: map Radix color scales to Tailwind utilities
  • 71aa190 feat: import Radix color CSS variables
  • a7b6470 chore: add @radix-ui/colors
  • 4a4e039 feat: redesign application UI
  • 450df01 chore: update CLAUDE config

Checklist

Complete all items that apply to your change. Check N/A for items that don't apply.

Documentation

Run sync-docs skill with Claude Code to automatically update relevant files.

  • Any notable changes added to the README.md
  • CHANGELOG.md updated accordingly
  • N/A — no README changes

General

  • Branch is up to date with main
  • No unrelated files included in this PR
  • Tested locally by invoking the npm run test, npm run lint, and npm run build

Notes for Reviewers

AdamJ and others added 30 commits June 11, 2026 15:07
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Replace ProjectManagement's inline add/edit card with a shared
ProjectSheet component, mirroring ClientSheet. Same Sheet handles
both add and edit modes via mode prop.
ProjectList.tsx (the actual /projectlist page) had its own inline
add/edit form, separate from ProjectManagement.tsx. Replace it with
ProjectSheet, add isBillable support to the shared sheet.
Replace inline add/edit cards in CategoryManagement.tsx and the
/categories page with a shared CategorySheet, mirroring
ClientSheet/ProjectSheet (mode prop for add/edit).
AdamJ and others added 7 commits June 11, 2026 15:08
Update tech stack tables and markdown theme override example to
reflect tailwind.config.ts removal and CSS-based @theme config.
Run official @tailwindcss/upgrade codemod. Move theme config
(semantic colors, Radix scales, radius, animations, container)
from tailwind.config.ts into @theme/@layer base in src/index.css.
Switch PostCSS to @tailwindcss/postcss (drops autoprefixer).
Codemod renamed deprecated utilities across components
(outline-none -> outline-hidden, shadow-sm -> shadow-xs, etc).
Update components.json to drop deleted tailwind.config.ts ref.
Theme wrapper's .radix-themes class overrode --color-background
set by Tailwind v4 @theme, breaking bg-background app-wide.
Documents Tailwind v4 CSS-first token setup and warns against
adding a second design system (radix-ui/themes) that conflicts
with shadcn theme tokens.
Only gray, mauve, slate, red, purple, violet, indigo, blue, cyan,
green, brown, orange are used. Removes 18 unused light/dark scale
imports and their @theme mappings (~250 lines), no behavior change.
@github-actions github-actions Bot added automation For items related to release/documentation/workflow automations dependencies Pull requests that update a dependency file documentation Improvements or additions to documentation labels Jun 11, 2026
@AdamJ AdamJ changed the title Visual improvements major: visual redesign Jun 11, 2026
@AdamJ AdamJ added major Signifies a major release bump - manually only and removed automation For items related to release/documentation/workflow automations labels Jun 11, 2026
@AdamJ AdamJ added this to Timetraked Jun 11, 2026
@github-project-automation github-project-automation Bot moved this to Backlog in Timetraked Jun 11, 2026
@AdamJ AdamJ moved this from Backlog to In review in Timetraked Jun 11, 2026
@AdamJ AdamJ self-assigned this Jun 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dependencies Pull requests that update a dependency file documentation Improvements or additions to documentation major Signifies a major release bump - manually only

Projects

Status: In review

1 participant