rpg-companion-sillytavern

54 Commits 1 Branch 10 Tags

2 Commits

Author	SHA1	Message	Date
Lucas 'Paperboy' Rose-Winters	9ed76a4381	feat: implement comprehensive mobile UX for RPG Companion panel - Add bottom-sliding drawer system for mobile (≤1000px viewport) - Implement tabbed navigation with Stats and Info & Characters tabs - Combine Info Box and Present Characters into single tab with 50/50 split - Add smooth transitions between desktop and mobile layouts - Reposition collapse button as close button on mobile - Implement FAB toggle button for opening mobile drawer Mobile Stats Tab: - Use CSS Grid layout for efficient space utilization - Portrait centered at top, stat bars below - Inventory and mood on left, attributes list on right - Convert attributes from 3x2 grid to vertical list Mobile Info Box: - Scale dashboard widgets to fill allocated space - Proportional row heights (60% top row, 40% location) - Widgets expand to fill available vertical space Technical improvements: - Bottom-based drawer positioning instead of transform - CSS-only transitions, JavaScript only toggles classes - Instant tab setup on desktop→mobile for smooth transition - Temporary transition disabling for mobile→desktop snap - Proper flex hierarchy for space filling	2025-10-16 01:35:15 +11:00
Lucas 'Paperboy' Rose-Winters	aca7478bcc	fix: resolve panel collapse animation and import errors - Fix chevron button positioning to move with collapsed panel edge - Replace broken dynamic imports with static imports in ensureHtmlCleaningRegex - Add smooth bidirectional expand/collapse animations - Implement positioning-based layout for smooth transitions - Add content opacity fade synchronized with panel width changes This fixes the chevron button remaining stationary during collapse, eliminates "Failed to fetch dynamically imported module" errors, and provides smooth animations in both expand and collapse directions.	2025-10-15 15:47:13 +11:00

Author

SHA1

Message

Date

Lucas 'Paperboy' Rose-Winters

9ed76a4381

feat: implement comprehensive mobile UX for RPG Companion panel

- Add bottom-sliding drawer system for mobile (≤1000px viewport)
- Implement tabbed navigation with Stats and Info & Characters tabs
- Combine Info Box and Present Characters into single tab with 50/50 split
- Add smooth transitions between desktop and mobile layouts
- Reposition collapse button as close button on mobile
- Implement FAB toggle button for opening mobile drawer

Mobile Stats Tab:
- Use CSS Grid layout for efficient space utilization
- Portrait centered at top, stat bars below
- Inventory and mood on left, attributes list on right
- Convert attributes from 3x2 grid to vertical list

Mobile Info Box:
- Scale dashboard widgets to fill allocated space
- Proportional row heights (60% top row, 40% location)
- Widgets expand to fill available vertical space

Technical improvements:
- Bottom-based drawer positioning instead of transform
- CSS-only transitions, JavaScript only toggles classes
- Instant tab setup on desktop→mobile for smooth transition
- Temporary transition disabling for mobile→desktop snap
- Proper flex hierarchy for space filling

2025-10-16 01:35:15 +11:00

Lucas 'Paperboy' Rose-Winters

aca7478bcc

fix: resolve panel collapse animation and import errors

- Fix chevron button positioning to move with collapsed panel edge
- Replace broken dynamic imports with static imports in ensureHtmlCleaningRegex
- Add smooth bidirectional expand/collapse animations
- Implement positioning-based layout for smooth transitions
- Add content opacity fade synchronized with panel width changes

This fixes the chevron button remaining stationary during collapse,
eliminates "Failed to fetch dynamically imported module" errors,
and provides smooth animations in both expand and collapse directions.

2025-10-15 15:47:13 +11:00