fix: Restore Tailwind CDN for docs with improved CLS prevention #47

Closed
opened 2026-04-05 16:18:45 +02:00 by MrUnknownDE · 0 comments
Owner

Originally created by @simlarsen on 3/4/2026

The compiled CSS alone didn't cover all utility classes used in the docs EJS templates, breaking styling. Restore the CDN but improve CLS by:

  • Loading critical CSS first with layout-stabilizing rules (header height, sidebar width, body flex, nav width)
  • Loading Tailwind CDN before compiled CSS so both are ready at first paint
  • Compiled CSS now supplements (font-face, prose, syntax) rather than conflicting

Title of this pull request?

Small Description?

Pull Request Checklist:

  • Please make sure all jobs pass before requesting a review.
  • Put closes #XXXX in your comment to auto-close the issue that your PR fixes (if such).
  • Have you lint your code locally before submission?
  • Did you write tests where appropriate?

Screenshots (if appropriate):

*Originally created by @simlarsen on 3/4/2026* The compiled CSS alone didn't cover all utility classes used in the docs EJS templates, breaking styling. Restore the CDN but improve CLS by: - Loading critical CSS first with layout-stabilizing rules (header height, sidebar width, body flex, nav width) - Loading Tailwind CDN before compiled CSS so both are ready at first paint - Compiled CSS now supplements (font-face, prose, syntax) rather than conflicting ### Title of this pull request? ### Small Description? ### Pull Request Checklist: - [ ] Please make sure all jobs pass before requesting a review. - [ ] Put `closes #XXXX` in your comment to auto-close the issue that your PR fixes (if such). - [ ] Have you lint your code locally before submission? - [ ] Did you write tests where appropriate? ### Related Issue? ### Screenshots (if appropriate):
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/oneuptime#47