eecs485staff / primer-spec

A Jekyll theme for sites with content-heavy pages
https://eecs485staff.github.io/primer-spec/
MIT License
22 stars 12 forks source link

Resizable sidebar #207

Closed seshrs closed 2 years ago

seshrs commented 2 years ago

Context

Closes #34. I've been meaning to implement this since the very first iteration of Primer Spec, but never got around to it 😅

This PR makes the Sidebar resizable (with minimum and maximum width constraints). The drag-handle highlights subtly when you hover between the Sidebar and the main content.

Validation

Visit PREVIEW#207 and play around with the resizable Sidebar!

On small screens (for instance, on mobile phones), the sidebar should not be resizable.

https://user-images.githubusercontent.com/12139762/188757324-459cb159-2f42-499d-82ea-11c4e487b3ef.mov

github-actions[bot] commented 2 years ago

Thanks for opening this pull request! 🙏

I've changed this PR's base branch to develop. A maintainer will review your PR soon!

github-actions[bot] commented 2 years ago

The spec from this PR is available at https://preview.sesh.rs/previews/eecs485staff/primer-spec/207/.

(Available until Fri Oct 07 2022.)