Fork of Chiri for Astro for my blog
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix: disable code block wrap & mobile nav hover issue

the3ash 5a18f023 553250b1

+22 -4
+17
src/components/layout/TransitionWrapper.astro
··· 11 11 <slot /> 12 12 </div> 13 13 14 + <script is:inline> 15 + // Cleanup hover states after Astro page load and on touch events 16 + function cleanupHover() { 17 + const hoveredLinks = document.querySelectorAll('ul a:hover') 18 + hoveredLinks.forEach((link) => { 19 + link.style.opacity = '' 20 + }) 21 + } 22 + 23 + document.addEventListener('astro:page-load', () => { 24 + setTimeout(cleanupHover, 50) 25 + }) 26 + 27 + // Add touch event listener for touch devices 28 + document.addEventListener('touchstart', cleanupHover, { passive: true }) 29 + </script> 30 + 14 31 <style is:inline> 15 32 @supports (view-transition-name: none) { 16 33 @media not (prefers-reduced-motion: reduce) {
+2 -1
src/content/posts/embedded-content.md
··· 22 22 ``` 23 23 🟡 24 24 25 - When embedded content is still loading, the table of contents positioning may be inaccurate. 25 + When embedded content is still loading, 26 + the table of contents positioning may be inaccurate. 26 27 ``` 27 28 28 29 ## Link Card
+3 -3
src/styles/post.css
··· 473 473 'liga' 0, 474 474 'calt' 0; 475 475 display: block; 476 - white-space: pre-wrap; 477 - word-break: break-word; 478 - overflow-wrap: anywhere; 476 + white-space: pre; 477 + word-break: normal; 478 + overflow-wrap: normal; 479 479 padding: 0; 480 480 margin: 0; 481 481 background: none;