[loggi-heg] Split input.css: extract emoji picker styles to separate file #126

Closed
opened 2026-02-21 21:43:00 +01:00 by matthias · 0 comments
Owner

Bead ID: loggi-heg
Type: task
Priority: P3
Status: closed
Close reason: Extracted ~190 lines of emoji picker styles from input.css (503→310 lines) into app/static/css/emoji-picker.css. Used Tailwind CLI built-in @import support so both files compile into a single app.css. Updated Dockerfile to copy the new file. All tests pass, no visual regressions.


input.css is 503 lines, above the 300-line CSS guideline. The emoji picker section (~180 lines) is completely self-contained and can be extracted to emoji-picker.css. This would bring input.css to ~320 lines.\n\nSteps:\n1. Extract .emoji-picker-* rules to app/static/css/emoji-picker.css\n2. Add a tag in base.html (or entry.html where the picker is used)\n3. Verify no visual regressions

**Bead ID:** `loggi-heg` **Type:** task **Priority:** P3 **Status:** closed **Close reason:** Extracted ~190 lines of emoji picker styles from input.css (503→310 lines) into app/static/css/emoji-picker.css. Used Tailwind CLI built-in @import support so both files compile into a single app.css. Updated Dockerfile to copy the new file. All tests pass, no visual regressions. --- input.css is 503 lines, above the 300-line CSS guideline. The emoji picker section (~180 lines) is completely self-contained and can be extracted to emoji-picker.css. This would bring input.css to ~320 lines.\n\nSteps:\n1. Extract .emoji-picker-* rules to app/static/css/emoji-picker.css\n2. Add a <link> tag in base.html (or entry.html where the picker is used)\n3. Verify no visual regressions
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
matthias/loggi#126
No description provided.