feat: add swipeable drawer for mobile view (stats page)

jenkins-infra / stats.jenkins.io

Revamped Jenkins Infra Stats Website as a part of GSoC 2024

https://new.stats.jenkins.io

3 stars 4 forks source link

Closed shlomomdahan closed 5 days ago

shlomomdahan commented 1 week ago

use a pull up drawer for mobile

Screenshot 2024-06-19 at 9 15 48 PM

Vandit1604 commented 5 days ago

@shlomomdahan This is very cool.

Nice to have feature for smaller devices.

Vandit1604 commented 5 days ago

We can use https://react-icons.github.io/react-icons/search/#q=MdOutlineKeyboardDoubleArrowUp icon to help first time users in clicking/swiping up the drawer bleeding. This is for better UX.

shlomomdahan commented 5 days ago

@Vandit1604 @krisstern

Changes made 👍

Vandit1604 commented 5 days ago

Thanks @shlomomdahan PR looks good to me. WDYT @krisstern

shlomomdahan commented 5 days ago

@krisstern Fixed the issue with changing height on expanded vs closed.

shlomomdahan commented 5 days ago

@krisstern Gap size fixed.

Screenshot 2024-06-23 at 4 12 12 PM