reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 11:41:17 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: remove highlight position fixes for navbar and footer

Browse source
This commit is contained in:
radishzzz 2025-05-25 20:04:14 +01:00
parent 91481626c5
commit c93cf8fb2f
4 changed files with 3 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Footer.astro
View file

@ -30,7 +30,7 @@ const links = socialLinks.map((link) => {
return link
})
const footerLinkClass = 'highlight-hover footer-highlight-position-fix py-0.8 transition-colors after:bottom-0.35em hover:c-primary'
const footerLinkClass = 'highlight-hover py-0.8 transition-colors after:bottom-0.35em hover:c-primary'
---
<footer

2
src/components/Header.astro
View file

@ -23,7 +23,7 @@ const SubtitleTag = isPost ? 'div' : 'h2'
<TitleTag
class:list={[
isPost
? `mb-3.2 mt-2.6 text-5.375 c-secondary lg:(mb-1.8 mt-0 text-9 c-primary)`
? `mb-3 mt-2.8 text-5.375 c-secondary lg:(mb-1.8 mt-0 text-9 c-primary)`
: `mb-1.8 w-75% text-8 c-primary lg:(w-full text-9)`,
'font-bold font-title',
]}

2
src/components/Navbar.astro
View file

@ -47,7 +47,7 @@ const navItems = [
<li>
<a
href={getLocalizedPath(item.href)}
class={`${item.className} navbar-highlight-position-fix`}
class={item.className}
>
{item.label}
</a>

10
src/styles/global.css
View file

@ -56,13 +56,3 @@ h4:hover .heading-anchor-link svg:hover {
.highlight-hover::after {
--at-apply: 'origin-bottom-right scale-x-0 transition-transform ease-out lg:duration-300';
}
/* Fix Highlight Position Issue on iOS */
@supports (-webkit-touch-callout: none) {
.navbar-highlight-position-fix {
--at-apply: 'after:bottom-0.88em';
}
.footer-highlight-position-fix {
--at-apply: 'after:bottom-0.59em';
}
}