search

DJRyLau / CITS3403-Project

CITS3403 Agile Web Development Group Project
4 stars 1 forks source link

Boards sidebar navigation menu #22

Closed darkksuns closed 4 months ago

darkksuns commented 4 months ago

Completed the navbar! It has a resize bar on the side which you can drag to change the width of the bar. Any content that doesn't fit into the bar will have a ... after it as well. Close and open buttons work with a smooth animation coming out from the side. Sidebar opens at 250px wide and has a minimum of 140px (so the text "Your Boards" doesn't cut off.

image image

Quick thing: as long as we are okay with the smoothness of the adjustment bar then it should be fine. Currently when adjusting the bar, if you move quickly the bar will adjust pretty smoothly but if you make sudden movements it has a more snappy adjustment which I think is not awful (can fix it later if we get time kinda thing).

Also the sidebar will always open at 250px which I think is better than saving the adjusted sidebar width (as its unlikely to be open a lot of the time) but if any of you think otherwise please let me know.

Ciaranengelbrecht commented 4 months ago

Awesome I think this design looks real clean, the animation is seamless for me, and I think the default width is ideal

darkksuns commented 4 months ago

@DJRyLau idk how but I really struggled to make that boards menu have the ... like the boards I'll give it another go later today though thanks for the suggestion.

DJRyLau commented 4 months ago

@DJRyLau idk how but I really struggled to make that boards menu have the ... like the boards I'll give it another go later today though thanks for the suggestion.

No sweat. After all, if the issue cant be resolved, there's no harm in merging now and making it a seperate issue for the rest of us to look at.

darkksuns commented 4 months ago

@HenryHewgill I can try to implement that > becoming < button thing like on chatgpt but i think its better from a UX perspective because the rest of the page will be cluttered with notes that the close button should be on the bar itself. Otherwise it would be a bit cluttered and may blend in with the page content etc.

I changed the name from Your Boards to Boards and also added that > button into the navbar div and added a bit of padding to the navbar so it's not super up in the corner of the screen.

Even though I restructured the branch it still has merge conflicts though so I'll give it a look now