UI overhaul: Tailwind + daisyUI reskin (S2–S7)#20
Merged
csengor merged 18 commits intoApr 19, 2026
Conversation
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
get_manifest() referenced .iso instead of .iso_code, and the export view passed LanguageProfile objects to Path() instead of their iso_code strings. Both caused the project export to fail with AttributeError / TypeError. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- project.js, editor.js: getCSRFToken() now uses
querySelector('[name=csrfmiddlewaretoken]') instead of grabbing
the first/last input element, which broke when the S2 sidebar
added checkbox inputs before/after page content.
- project.js: className="show" → classList.add('show') so modal
toggling doesn't strip Tailwind classes.
- main.js: same className → classList fix for search form toggle.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- projects.html: daisyUI table, Alpine search filter toggle, navbar breadcrumb + Create button, replaces old header/nav - project.html: daisyUI file/reference tables, modal overlays for assign-linguist and KPP upload, styled context menu and toast, breadcrumb navigation - newproject.html: manual form-control layout replacing form.as_table, file input and checkbox detection, help text as title tooltips - forms.py: add _apply_daisy_classes() to auto-apply daisyUI widget CSS (input, select, file-input, checkbox, textarea) across all forms Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Native <option> elements ignore most CSS but respect background-color and color. Without explicit styling, options render as white-on-white in the kaplan-dark theme. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace old header/nav, Material Icons, main.js search toggle, and raw tables with daisyUI components, Alpine.js filter toggle, and breadcrumb navigation — matching the S3 project screens pattern. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace old table-based login/register/change-password forms with centered daisyUI cards and styled form controls. Add _apply_daisy_classes to auth forms, fix HTML help_text rendering as raw tags in tooltips. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Rewrite editor.html to extend base.html with full Tailwind layout - Fix 6 className comparisons → classList.contains() in editor.js - Rewrite toggleExpand() to use data-expanded attribute + Heroicons SVGs - Refactor TM hit/comment creation to use Tailwind utilities directly - Rename .toggle → .sidebar-panel to avoid daisyUI component collision - Add "Add Comment" button; show form on demand instead of always - Add segment status color rules + overlay styles to theme CSS - Delete legacy editor.css Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Reskin report.html with daisyUI table, breadcrumb nav, project context - Delete orphaned main.js (replaced by Alpine x-show in S3) - Add scope="col" to all data table headers for screen readers - Add ARIA labels and <aside> landmarks to editor sidebars - Add responsive sidebar widths (w-48 on tablet, w-64 on desktop) - Move theme init script to base.html so dark mode works on all pages - Align sidebar brand height with navbar (h-14 → h-16) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…ty (S7) The new daisyUI design made row links less visually obvious than the old wireframe-style URLs. Add a chevron-right icon button in the last column of project, file, TM, and reference tables as an explicit navigation affordance. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
The design document served its purpose across S1–S7. Design decisions and gotchas are captured in commit history; the doc would go stale. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
Summary
_apply_daisy_classes()form utility<aside>landmarks,scope="col"), tablet responsiveness, theme persistence fix, deleted orphaned main.jsAll 256 tests pass. Visual consistency verified via Playwright across both themes at desktop (1366×768) and tablet (768×1024) viewports.
Test plan
python manage.py migrate && python manage.py runserver— app startspython manage.py test— all 256 tests pass🤖 Generated with Claude Code