External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(board nav): add sticky header animation to mobile

Browse Source
This commit is contained in:
plebeius.eth
2024-04-29 15:36:29 +02:00
parent 9c2036a6a1
commit bb9d53f47c
2 changed files with 66 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/board-nav/board-nav.module.css
+19 -1
View File
@@ -23,9 +23,27 @@
padding: 2px 4px;
background-color: var(--boardnav-mobile-background-color);
border-bottom: var(--boardnav-mobile-border-bottom);
font-size: var(--boardnav-mobile-font-size);
position: fixed;
width: 100%;
font-size: var(--boardnav-mobile-font-size);
z-index: 6;
animation-name: stickyMenuAnimation;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 1;
animation-fill-mode: both;
animation-play-state: paused;
align-items: center;
justify-content: space-around;
}
@keyframes stickyMenuAnimation {
0% {
top: 0px;
}
100% {
top: -50px;
}
}
.boardNavMobile .pageJump a {