From ec4b801a718cf2b79c6dac90363fca3bc3fffeeb Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Thu, 16 Apr 2026 16:01:56 +0200 Subject: fix: add x-cloak to prevent menu flash on page load - Add [x-cloak] { display: none } CSS rule - Add x-cloak attribute to menu overlay div - This hides the menu until Alpine.js initializes - Prevents the menu from appearing briefly on page refresh/load - Rebuild CSS: main.min.css updated Co-Authored-By: Claude Haiku 4.5 --- themes/danix-xyz-hacker/assets/css/main.min.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'themes/danix-xyz-hacker/assets/css/main.min.css') diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css index ab1f4bb..8c58a4f 100644 --- a/themes/danix-xyz-hacker/assets/css/main.min.css +++ b/themes/danix-xyz-hacker/assets/css/main.min.css @@ -2344,6 +2344,12 @@ html.theme-light .prose-invert blockquote { } } +/* Alpine.js x-cloak - hide content until Alpine initializes */ + +[x-cloak] { + display: none !important; +} + /* Respect user's motion preferences */ @media (prefers-reduced-motion: reduce) { -- cgit v1.2.3