KPC
Kevin Powell - Community•8mo ago
MagicEmperor

Slide-in animation snapping when opening the navigation drawer in mobile view

I am trying to clone the sidebar navigation from this website https://m3.material.io/ , How it is supposed to : In the mobile view , when clicking on a menu item the menu slides off and the navigation drawer is revealed What it does in my solution : In my clone while opening the navigation drawer , it just snaps or disappears and after a little delay the navigation drawer is revealed code pen : https://codepen.io/jn3ck-/pen/bGzqGEV
Material Design
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
2 Replies
Mannix
Mannix•8mo ago
I think you need to wrap those two elements and put bg-color radius etc on that wrapper smth like this https://codepen.io/MannixMD/pen/vYbxYPE
MagicEmperor
MagicEmperor•8mo ago
Thx a ton
Want results from more Discord servers?
Add your server
More Posts
i18n while keeping path /en /frSo I want to use i18n for a portfolio website I have because I currently just have all my files duplTriggering an animation based on scroll positionHi there, I'm working on a website, and I've been wanting to recreate the following image. Not the What are the best practices for the number of srcset items for a dynamically sized image?I have the ability using server side rendering to render as many different source images as necessarStyling inputs, and lining up multiple list itemsHi all, Last bit of my first svelte app and I'm a happy chap! I'm hoping the sandbox works and letTrying to add a checkbox that also line-throughs my list item when completed:trueNot sure how much code you need, I've console.log("test"); which worked, and console.log({todos}); aGrid as a child of a flex doesn't work properlyCode: https://play.tailwindcss.com/XSMPnICSXN As you can see the green squares are overlapping each