TTMK/web2.0-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

teipattu mobile menu scrollaus takas. syypää on blockscroll.tsx ja tää teippaa sen

Browse Source
This commit is contained in:
jadera
2025-09-10 22:21:30 +03:00
parent 45dc2ed3b8
commit dc1d641c17
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header.tsx
+7
View File
@@ -26,6 +26,13 @@ const Sticky = styled.div<{ $isHidden?: boolean; $mobileMenuOpen?: boolean }>`
transition: all 200ms ease-out; transition: all 200ms ease-out;
height: ${(p) => (p.$mobileMenuOpen ? "100vh" : "unset")}; height: ${(p) => (p.$mobileMenuOpen ? "100vh" : "unset")};
/* tape to allow mobile dropdown menu scrolling */
@media screen and (max-width: ${breakpoints.mobile}) {
overflow-y: ${(p) => (p.$mobileMenuOpen ? "auto" : "visible")};
overflow-x: hidden;
-webkit-overflow-scrolling: touch; /* apparently some ios optimization for smoother scrolin' */
}
${(p) => (p.$isHidden ? (` ${(p) => (p.$isHidden ? (`
transition: all 200ms ease-in; transition: all 200ms ease-in;
transform: translateY(-100%); transform: translateY(-100%);