Modernization update #1076
Open
Modernization update #1076
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
drusepth
force-pushed
the
tailwind-redesign
branch
from
b1af55b to
9b3a51d
Compare
Remove custom Tailwind theme for Kaminari pagination in Thredded and use the default theme instead. This fixes production errors where the custom theme partials couldn't be found and keeps pagination styling consistent with the rest of Thredded. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Remove icon decorations from field labels in content edit forms and use simpler, cleaner label styling. This improves readability and reduces visual clutter. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Add x-cloak directive to notification and user menu dropdowns to hide them until Alpine.js initializes. This eliminates the visual flicker where dropdowns appear expanded during initial page load. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Update link field input styling to match the consistent border and shadow treatment used by other text input fields (left/right borders, rounded corners, shadow). 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Remove the dark grey border showing on the placeholder input element inside the link field by adding explicit border-none and focus state overrides. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Add toggleable left navigation sidebar on content edit pages with persistent state - Style field labels as badges with background, border, and colored icons - Clean up secondary sidebar on content show pages (hide empty sections) - Add smooth transitions for sidebar collapse/expand 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Remove empty categories from the navigation sidebar entirely instead of showing them as disabled/greyed out. This creates a cleaner UI that only shows categories with actual content. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Display category name and icon headers when viewing all categories together on content show pages. This makes it clear which category each section belongs to. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Replace overwhelming multi-column layout with clean, scannable single-column design: - Add search functionality to filter pages - Convert to single-column layout for better readability - Use subtle section headers instead of bright color blocks - Improve item styling with checkboxes, better spacing, and hover states - Add proper empty states and no-results messaging - Increase max height and make more compact This transforms the dropdown from a janky color explosion into a modern, usable selector. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Auto-focus search input when dropdown opens for immediate typing - Add content-type specific colors to section headers (subtle background tint + colored text) - Maintain clean design while bringing back visual distinction between content types 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Replace transparent colors with full opaque content-type colors and white text for section headers. This provides better visual separation and matches the original bright color scheme. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Remove x-trap.noscroll.inert from mobile sidebar since it requires the Focus plugin. The sidebar still works fine with keyboard escape and click-away functionality without focus trapping. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Update tooltips to be more descriptive: - Left sidebar: "Show Navigation" (was "Show navigation") - Right sidebar: "Show Page Tools" (was "Show sidebar") This makes it clearer what each sidebar contains when hovering. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Replace browser's default title tooltips (which have a 1-2 second delay) with custom CSS tooltips that appear instantly on hover. Uses data-tooltip attribute with CSS ::after pseudo-elements for immediate feedback. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Extract inline tooltip CSS from edit page to application.css, making it available across the entire site. Enhanced with 4 positioning options (left, right, top, bottom) for flexible tooltip placement.
Usage: Add class="tooltip-{direction}" and data-tooltip="text" to any element for instant hover tooltips.
Also cleaned up console.log statements and added icons to sidebar headers for visual consistency.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add route existence check before rendering references link to prevent NoMethodError - Persist sidebar visibility state in localStorage for better UX - Increase horizontal padding in edit views for improved readability 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Calculate counts in controller for Gallery, Associations, Collections, and Timelines - Show count badges next to each navigation item - Hide navigation items with zero items to reduce clutter - Optimize queries using distinct counts and SQL joins instead of loading records 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Remove "Regular Topics" separator from messageboard pages - Fix nil user error for forum badges with safe navigation - Add premium check for displaying user forum badges - Implement auto-save for privacy toggle on content#show page - Fix redirect loop by using JSON endpoint for privacy updates - Synchronize sidebar visibility badge with privacy changes - Simplify privacy view component and remove unimplemented features 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
- Exclude file inputs from unsaved changes tracking to prevent "Leave site?" warnings when uploading images - Fix jQuery UI autocomplete TypeError by converting from Materialize syntax to jQuery UI syntax - Minor dashboard text update: "Welcome back" -> "Hello" 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
Form inputs and buttons were using oversized fonts (text-lg/text-xl) making sensitive payment information too prominent on screen. Reduced to text-sm with appropriate padding for a more professional, discrete payment experience. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Consolidated duplicate "Add Event" handlers by moving all JS from inline script to timeline-editor.js - Fixed drag-and-drop position saving by correctly counting only event containers, not timeline header/rail elements - Removed 1056 lines of duplicate inline JavaScript from edit.html.erb 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Fix container height to allow proper scrolling (min-h-screen) - Make Event Details panel sticky for easier reference while scrolling - Always show both start and end time fields - Remove disruptive hover effects on time fields that caused layout shift - Add spacing between time labels and values in Event Details panel 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Fix document editor focus outline misalignment with container border - Enhance timeline visual design with improved dot hover effects and spine positioning - Redesign document analysis pages with modern Tailwind UI components - Add event_type_color helper method to TimelineEvent model - Improve timeline event card styling and hover interactions 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
And so it begins...
To-do items to track: