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: highlight position issue on ios for navbar and footer

Browse source
This commit is contained in:
radishzzz 2025-05-15 22:56:14 +01:00
parent 43295bc7b9
commit 110fad06ab
3 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/styles/global.css
View file

@ -49,6 +49,15 @@ h4:hover .heading-anchor-link {
.highlight-hover::after {
--at-apply: 'origin-bottom-right scale-x-0 transition-transform duration-300 ease-out';
}
/* Fix Position Issue on iOS */
@supports (-webkit-touch-callout: none) {
.navbar-highlight-position-fix {
--at-apply: 'after:bottom-0.68em';
}
.footer-highlight-position-fix {
--at-apply: 'after:bottom-0.24em';
}
}
/* View Transition with Theme Toggle >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
::view-transition-new(theme-transition) {