+7 -6

src/components/layout/TransitionWrapper.astro

reviewed

··· 36 36 } 37 37 } 38 38 39 39 - // Cleanup all inline opacity styles after Astro page load and on touch events 40 40 - function cleanupOpacity() { 41 41 - document.querySelectorAll('post-item').forEach((el) => { 42 42 - el.style.opacity = '' 39 39 + // Cleanup hover states after Astro page load and on touch events 40 40 + function cleanupHover() { 41 41 + const hoveredLinks = document.querySelectorAll('ul a:hover') 42 42 + hoveredLinks.forEach((link) => { 43 43 + link.style.opacity = '' 43 44 }) 44 45 } 45 46 46 47 document.addEventListener('astro:page-load', () => { 47 47 - setTimeout(cleanupOpacity, 50) 48 48 + setTimeout(cleanupHover, 50) 48 49 }) 49 50 50 51 // Add touch event listener for touch devices 51 51 - document.addEventListener('touchstart', cleanupOpacity, { passive: true }) 52 52 + document.addEventListener('touchstart', cleanupHover, { passive: true }) 52 53 </script> 53 54 54 55 <style is:global>

+2

src/styles/global.css

reviewed

··· 109 109 font-family: var(--font-sans); 110 110 font-feature-settings: 'ss03' 1; 111 111 font-size: var(--font-size-m); 112 112 + text-autospace: normal; 113 113 + text-rendering: optimizeLegibility; 112 114 line-height: 1.75; 113 115 color: var(--text-primary); 114 116 font-display: swap;