alois/hugo-PaperMod
1
0
Fork 0
mirror of https://github.com/adityatelange/hugo-PaperMod.git synced 2026-05-21 19:09:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update footer styles for improved scroll-to-top button

Browse Source 
- Adjust top-link padding and transition effects
- Replace SVG icon with a more detailed chevron design
This commit is contained in:
Aditya Telange
2026-04-11 14:10:28 +05:30
parent adc2d0af81
commit c17406565e
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/common/footer.css
+2 -2
View File
@@ -39,9 +39,9 @@
background: var(--tertiary); background: var(--tertiary);
width: 42px; width: 42px;
height: 42px; height: 42px;
padding: 12px; padding: 10px;
border-radius: 64px; border-radius: 64px;
transition: visibility 0.5s, opacity 0.8s linear; transition: visibility .3s, opacity .3s cubic-bezier(0.4, 0, 1, 1);
} }
.top-link, .top-link,
layouts/partials/footer.html
+4 -2
View File
@@ -24,8 +24,10 @@
{{- if (not site.Params.disableScrollToTop) }} {{- if (not site.Params.disableScrollToTop) }}
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g"> <a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
<path d="M12 6H0l6-6z" /> stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-up">
<polyline points="17 11 12 6 7 11"></polyline>
<polyline points="17 18 12 13 7 18"></polyline>
</svg> </svg>
</a> </a>
{{- end }} {{- end }}