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

Refactor top-link visibility and positioning in footer

Browse Source 
- Update CSS for top-link to use rem units
- Modify HTML to include 'hidden' class for initial state
- Adjust JavaScript to toggle visibility using class
This commit is contained in:
Aditya Telange
2026-04-11 19:19:49 +05:30
parent e8b88d4e72
commit 31185b01d5
2 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/common/footer.css
+9 -5
View File
@@ -31,19 +31,23 @@
}
.top-link {
visibility: hidden;
position: fixed;
bottom: 60px;
right: 30px;
bottom: 4rem;
right: 2rem;
z-index: 99;
background: var(--tertiary);
width: 42px;
height: 42px;
width: 2.5rem;
height: 2.5rem;
padding: 10px;
border-radius: 64px;
transition: visibility .3s, opacity .3s cubic-bezier(0.4, 0, 1, 1);
}
.hidden {
visibility: hidden;
opacity: 0;
}
.top-link,
.top-link svg {
filter: drop-shadow(0px 0px 0px var(--theme));