Conversation
* Replace Tabler/Bootstrap with Tailwind CSS v4 + Alpine.js v3 Migrate entire frontend from Tabler (Bootstrap 5) to Tailwind CSS v4 for styling and Alpine.js v3 for interactive components. This is a full design rework covering all 78 templates with improved UX copy, extracted reusable components, standardized design tokens, and accessibility improvements. Key changes: - Tailwind CSS v4 with @theme tokens matching Create mod brass aesthetic - Alpine.js v3 for dropdowns, modals, tooltips, offcanvas - Vite build pipeline replacing Tabler's asset pipeline - Extracted shared settings sidebar partial - Standardized CSS tokens (border-radius, transitions, font-sizes) - i18n coverage for JS strings using {{ printf "%q" (T .Language) }} - WCAG AA accessibility: focus states, touch targets, aria attributes - Moved inline styles to CSS classes - Renamed "Blacklist" to "Block List" terminology * Fix E2E test failures after Tailwind CSS migration - Remove old Tabler CSS files (style.css, app.css) from template/static/ that were overwriting the compiled Tailwind output via vite-static-copy - Update Dockerfile to copy built dist/ assets into template/static/ where the server serves them from - Add auth-section class to authenticated user dropdown in header - Update theme toggle tests to check dark class instead of data-bs-theme - Update login test to use Alpine.js click instead of data-bs-toggle - Scope search filter selectors to desktop sidebar to avoid strict mode violations from duplicate desktop/mobile filter forms * Fix theme toggle buttons to use onclick instead of Alpine @click The theme toggle buttons used Alpine.js @click directives, but window.setTheme is defined as a global in an inline script that runs before Alpine initializes. Using onclick ensures the handler works immediately without waiting for Alpine, fixing the E2E theme toggle tests. --------- Co-authored-by: uberswe <admin@uberswe.com>
Co-authored-by: uberswe <1903284+uberswe@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Uberswe <m@rkus.io>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Uberswe <m@rkus.io>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
- News page: fix grid column spans (used 12-col values in a 3-col grid, causing broken layout with clipped dates) - Schematic cards: add h-full and flex-col to equalize card heights across grid rows, push tags to bottom with mt-auto - Guide cards: increase image height from 100px to 160px, add flex-col and flex-1 to ensure consistent card heights with buttons aligned at the bottom Co-authored-by: uberswe <admin@uberswe.com>
Co-authored-by: uberswe <1903284+uberswe@users.noreply.github.com>
- Home page: reduce grid from 4 to 3 columns on large screens so schematic cards are larger and better use the available space - Rules page: split into two distinct cards (guidelines vs bannable offenses) with proper card headers, red accent border on the offenses section for visual weight - Add markdown/prose CSS class with proper typography: list styles, heading spacing, line height, link colors, blockquote styling, and code block formatting
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
2 participants
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.
No description provided.