Sidebar 6 component: Collapsing by default

CC :

Made a quick video for you here: https://www.loom.com/share/97234f8520e64844a73cb8b924cb7373?sid=a6dc84a0-41d1-4f5d-a9ed-cb1ba1db3724

Excellent. Worked for me, thanks.

@Matt I have one more question and hopefully this is easy. What if I wanted to change the collapsed width to 6.5rem and the expanded width to 15rem? I see when I change the collapsed width to 6.5rem from 4.5rem the icons are no longer centered and I'm not sure how to fix that?

hmm yeah, definitely not simple actually, I mean...it should be...

I'll have to circle back to it, I wasn't able to make anything happen in the last 10 mins looking into it

got pretty close but not 100%

Well that makes me feel a little bit better because I couldn't really figure it out

yeah, its complex because of the interactions

I can get the icons centered, but then on expansion, all the nav items are also centered

Yep, same thing I ran into

ah maybe this is it - for menu-top and menu-bottom, try increasing the padding to center it.

I was just doing that

so yeah, I guess it was simple actually haha

we were just over thinking it! Not a surprise for me