Files
basil/packages/web
Paul R Kartchner d6fceccba5
Some checks failed
CI Pipeline / Lint Code (push) Has been cancelled
CI Pipeline / Test API Package (push) Has been cancelled
CI Pipeline / Test Web Package (push) Has been cancelled
CI Pipeline / Test Shared Package (push) Has been cancelled
CI Pipeline / Build All Packages (push) Has been cancelled
CI Pipeline / Generate Coverage Report (push) Has been cancelled
Docker Build & Deploy / Build Docker Images (push) Has been cancelled
Docker Build & Deploy / Push Docker Images (push) Has been cancelled
Docker Build & Deploy / Deploy to Staging (push) Has been cancelled
Docker Build & Deploy / Deploy to Production (push) Has been cancelled
E2E Tests / End-to-End Tests (push) Has been cancelled
E2E Tests / E2E Tests (Mobile) (push) Has been cancelled
Security Scanning / NPM Audit (push) Has been cancelled
Security Scanning / Dependency License Check (push) Has been cancelled
Security Scanning / Code Quality Scan (push) Has been cancelled
Security Scanning / Docker Image Security (push) Has been cancelled
Security Scanning / Security Summary (push) Has been cancelled
feat: add collapsible sections to cooking mode
Add collapsible functionality to cooking mode for better UX during cooking:

- Collapsible ingredients section: Click "Ingredients" heading to hide/show full list
- Collapsible instruction steps: Click step number to collapse/expand individual steps
- Auto-collapse toggle: Option to automatically collapse steps when marked complete
- Visual indicators: Triangle icons (▶/▼) show collapse state
- Reduced opacity for collapsed steps for visual distinction

This helps users focus on relevant information and reduces scrolling during cooking.

Changes:
- Added state management for collapsed ingredients and steps
- Added toggleStepCollapse function for manual step collapse
- Updated toggleStep to handle auto-collapse when enabled
- Added collapsible UI with click handlers and collapse icons
- Added CSS for collapsible headers and auto-collapse toggle
- Styled collapsed steps with opacity and spacing adjustments

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-01 05:54:31 +00:00
..
2025-10-21 22:04:03 -06:00
2025-10-21 22:04:03 -06:00
2025-10-21 22:04:03 -06:00
2025-10-21 22:04:03 -06:00
2025-10-21 22:04:03 -06:00