Skip to content

chore(dashboard): drop overlay classes that never applied - #988

Merged
jo-duchan merged 1 commit into
mainfrom
chore/dashboard-dialog-dead-classes
Oct 17, 2026
Merged

jo-duchan merged 1 commit into
mainfrom
chore/dashboard-dialog-dead-classes

Conversation

@jo-duchan

@jo-duchan jo-duchan commented Oct 17, 2026 •

Copy link
Copy Markdown
Owner

Summary

Follow-up to #984: removes overlay classes that never applied, so the class strings say only what renders.

  • duration-150 on Dialog and AlertDialog content — equals tailwindcss-animate's default animation duration (and loses on specificity to data-[state=open]:animate-in).
  • data-[state=open]:* on the Dialog and Sheet close buttons — Radix's Close carries no data-state.
  • transition-opacity on those buttons — the global press rule in index.css (specificity 0,2,1) sets every button's transition-property, so the hover opacity change was already instant.
  • disabled:pointer-events-none on those buttons — Close takes no caller props and is never disabled.

No rendered change, apart from the transition-duration duration-150 also set, which only reached radius and max-width when a window was resized across 640px with a dialog open.

Checklist

  • Tests written and passing — dashboard 1050
  • No any
  • Interface changes land in agent-core first — n/a
  • No sensitive info (tokens, paths, credentials)
  • I verified this change myself
  • AI use disclosed, if any — written with Claude Code

Related .work/ docs

  • Review: .work/reviews/chore__dashboard-dialog-dead-classes.md — one adversarial channel, verified against built CSS and Radix source

🤖 Generated with Claude Code

Summary by CodeRabbit

  • Style
    • Updated alert dialog and dialog content styling to remove the 150 ms duration class.
    • Dialog and sheet close buttons no longer use opacity-transition styling, disabled-state pointer styling, or open-state background and text colors. Other positioning, animation, hover, and focus styles remain unchanged. These changes may affect how dialogs and close buttons look or transition.

- `duration-150` on Dialog and AlertDialog content: its animation-duration equals tailwindcss-animate's
  default and loses on specificity to `data-[state=open]:animate-in`; the transition-duration it also set only
  reached radius and max-width when a window was resized across 640px with a dialog open.
- `data-[state=open]:*` on the Dialog and Sheet close buttons: Radix's Close carries no data-state.
- `transition-opacity` on the same buttons: the global press rule in index.css (0,2,1) sets
  transition-property on every button and wins over it, so the hover opacity change was always instant.
- `disabled:pointer-events-none` on the same buttons: Close takes no props from the caller, so it is never
  disabled.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@vercel

vercel Bot commented Oct 17, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated
tapflow-docs Ignored Ignored Oct 17, 2026 5:49pm UTC

@coderabbitai

coderabbitai Bot commented Oct 17, 2026 •

Copy link
Copy Markdown

Review in Change Stack →

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration
  • Configuration used: Repository: jo-duchan/tapflow/.coderabbit.yaml
  • Review profile: CHILL
  • Plan: Essentials
  • Run ID: 21a484d8-7051-4aee-aabe-4ba92c2b8a63
📥 Commits

Reviewing files that changed from the base of the PR and between 00681d7 and 6804a99.

📒 Files selected for processing: 3
  • packages/dashboard/components/ui/alert-dialog.tsx
  • packages/dashboard/components/ui/dialog.tsx
  • packages/dashboard/components/ui/sheet.tsx

Included review availability: This review used your included allowance. Your plan provides up to 5 included reviews per hour; 1 remain after this review.

📝 Walkthrough

The alert dialog, dialog, and sheet components remove selected duration, transition, pointer-event, and open-state styling classes. Other listed styling classes remain unchanged.

Changes: Dialog styling

Layer / File(s) Summary
Remove selected dialog classes
packages/dashboard/components/ui/alert-dialog.tsx, packages/dashboard/components/ui/dialog.tsx, packages/dashboard/components/ui/sheet.tsx
The alert dialog and dialog content remove duration-150. The dialog and sheet close buttons remove selected transition, disabled pointer-event, and open-state styling classes.

Priority: ⬇️ Low

Estimated code review effort: 1 (Trivial) | ~5 minutes

Change: Refactor

Merge Risk: ⚪ Minimal · up to 6804a

No material user-facing risk from these styling removals is established; the dialog animations retain their existing duration.

Pre-merge checks: Passed 5
Check name Status Explanation
Title check Passed The title clearly and concisely identifies the main change: removing unused overlay classes from the dashboard.
Description check Passed The description explains the changes and rationale, documents the limited resizing behavior, completes the checklist, and references the related review document.
Docstring Coverage Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 3…
Linked Issues check Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check Passed Check skipped because no linked issues were found for this pull request.
Full details: Docstring Coverage

Explanation

No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 3 files.

✨ Finishing Touches
📝 Generate docstrings
  • Commit to this branch
  • Create a new PR
🧪 Generate unit tests (beta)
  • Commit to this branch
  • Create a new PR
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Comment @coderabbitai help to get the list of available commands.

@jo-duchan
jo-duchan merged commit 1c4c513 into main Oct 17, 2026
16 checks passed
@jo-duchan
jo-duchan deleted the chore/dashboard-dialog-dead-classes branch October 17, 2026 18:01
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