Skip to content

Conversation

@GaryJones
Copy link
Contributor

Summary

This PR improves the Story Budget page with better UX, accessibility, and user preferences:

  • Screen Options: Add toggles for "Show post excerpts" and "Hide empty categories" with instant visibility updates (saved to user meta)
  • Date range controls: Move from title to filter area, use number input with min/max validation, add Today button via datepicker
  • Collapsible categories: Add accessible toggle button with chevron indicator, fix cursor, allow independent heights when collapsed
  • Filter improvements: Reset button properly clears saved filters, only shown when filters are active, add accessible labels
  • Post Date display: No longer shows 12:00 am for posts without a specific time set
  • Layout fixes: Proper flexbox gap handling for multi-column layouts, remove Print link

Closes #25 (Reinstate "Toggle Post Details" functionality)
Partially addresses #655 (UI for Story Budget collapsing categories)

Test plan

  • Visit Dashboard > Story Budget
  • Open Screen Options and toggle "Show post excerpts" - should update instantly
  • Toggle "Hide empty categories" - categories with no posts should hide/show instantly
  • Change number of columns - cards should resize properly
  • Click chevron on category card - should collapse/expand with animation
  • Collapsed cards should be compact (not stretched to match row height)
  • Use date picker - should have Today/Done buttons in popup
  • Change number of days (1-30 range enforced)
  • Apply a filter, then click Reset - filters should clear and posts reappear
  • Check that all screen options persist after page reload

🤖 Generated with Claude Code

…tegories

Add new Screen Options:
- Show post excerpts toggle with instant visibility
- Hide empty categories toggle with instant visibility
- All preferences saved to user meta

Improve date range controls:
- Move date controls from title to filter area
- Use number input for days (min 1, max 30)
- Add Today button via datepicker showButtonPanel
- Preserve start date when only changing days count

Improve collapsible category cards:
- Add accessible toggle button with chevron indicator
- Animate chevron rotation on collapse/expand
- Fix cursor to default (cards not draggable)
- Allow cards to have independent heights when collapsed

Fix filter behavior:
- Reset button properly clears saved filter values
- Only show Reset when filters are active
- Add accessible labels to filter dropdowns

Other improvements:
- Post Date no longer shows 12:00 am for midnight times
- Flexbox layout with proper gap handling for columns
- Remove Print link (use browser Cmd-P instead)

Closes #25

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@GaryJones GaryJones requested a review from a team as a code owner December 19, 2025 17:34
@GaryJones GaryJones added the type: enhancement New feature or request label Dec 19, 2025
@GaryJones GaryJones added this to the Next (minor) milestone Dec 19, 2025
@GaryJones GaryJones self-assigned this Dec 19, 2025
@GaryJones GaryJones merged commit 20f402f into develop Dec 19, 2025
12 checks passed
@GaryJones GaryJones deleted the pr-504-fix branch December 19, 2025 18:21
@GaryJones GaryJones mentioned this pull request Jan 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

type: enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Reinstate "Toggle Post Details" functionality on the story budget

2 participants