Dashboard · Hover expand

Dark throughout. The rail rests at 72px and opens to 240 on hover with an ease-out; the labels are always in the DOM and fade in 80ms after the width starts moving, so text never sits over the shrinking rail on the way out.

What it is

Dark throughout. The rail rests narrow and opens wide on hover, labels fading in just after the width starts moving, so text never sits over the shrinking rail on the way out. The collapsing sidebar of dense tools — analytics, dev consoles, POS back offices — done with the timing that keeps it from flickering. Maximises content width without hiding the navigation.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@西瓜同学 (Douyin) · 「6 个高级 Dashboard 侧边栏设计」· 05 折叠展开式