crashmedia/vertex-pterodactyl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: replace CSS Modules composes directives with plain CSS #3

Merged
crashmedia merged 1 commit from fix-css-composes-bug into main 2026-05-22 04:18:50 +00:00
Conversation 0 Commits 1 Files changed 1 +115 -9
crashmedia commented 2026-05-22 04:18:10 +00:00
Owner
Copy link

Replaces all composes: directives (CSS Modules feature) with actual base styles for browser compatibility.

Problem: The v6.0 CSS files used composes: which is a CSS Modules feature — it does NOT work in plain CSS files. This caused:

  • Select/Textarea fields showing bright white browser-default backgrounds (abrasive on eyes)
  • Glass aliases (glass-elevated, glass-nav, glass-sidebar) not inheriting base styles
  • Card variants not inheriting base card styles

Fix: Replaced all 10 composes: instances with the actual inherited styles:

  • .glass-elevated → inlined glass-heavy styles
  • .glass-nav → inlined glass-light styles
  • .glass-sidebar → inlined glass-light styles
  • .vertex-stat-card → inlined vertex-card styles (+ hover)
  • .vertex-feature-card → inlined vertex-card styles (+ hover)
  • .vertex-plugin-card → inlined vertex-card styles (+ hover)
  • .vertex-server-card → inlined vertex-card styles (+ hover)
  • .vertex-select → inlined vertex-input styles (+ focus)
  • .vertex-textarea → inlined vertex-input styles (+ focus)
Replaces all `composes:` directives (CSS Modules feature) with actual base styles for browser compatibility. **Problem:** The v6.0 CSS files used `composes:` which is a CSS Modules feature — it does NOT work in plain CSS files. This caused: - Select/Textarea fields showing bright white browser-default backgrounds (abrasive on eyes) - Glass aliases (`glass-elevated`, `glass-nav`, `glass-sidebar`) not inheriting base styles - Card variants not inheriting base card styles **Fix:** Replaced all 10 `composes:` instances with the actual inherited styles: - `.glass-elevated` → inlined `glass-heavy` styles - `.glass-nav` → inlined `glass-light` styles - `.glass-sidebar` → inlined `glass-light` styles - `.vertex-stat-card` → inlined `vertex-card` styles (+ hover) - `.vertex-feature-card` → inlined `vertex-card` styles (+ hover) - `.vertex-plugin-card` → inlined `vertex-card` styles (+ hover) - `.vertex-server-card` → inlined `vertex-card` styles (+ hover) - `.vertex-select` → inlined `vertex-input` styles (+ focus) - `.vertex-textarea` → inlined `vertex-input` styles (+ focus)
crashmedia deleted branch fix-css-composes-bug 2026-05-22 04:18:51 +00:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
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
crashmedia/vertex-pterodactyl!3
No description provided.