Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Search UI: revamp expand/collapse functionality for repo sidebar #57595

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

jasonhawkharris
Copy link
Contributor

Before, UI for collapsing/expanding the sidebar was awkward and required too many additional mouse movements to toggle back and forth. Now, the toggle button is static, stays in the same place, and is integrated more solidly into the UI.

Before:
https://github.com/sourcegraph/sourcegraph/assets/62355966/e2fafd2e-2098-465a-8509-18d03bccae19

Now:
https://github.com/sourcegraph/sourcegraph/assets/62355966/b0dd793a-0dca-40f3-b52c-7f15d4ec4263

Test plan

Manual/Visual testing
Ships with passed unit tests
Ships with passed e2e tests

@jasonhawkharris jasonhawkharris requested a review from a team October 13, 2023 17:32
@cla-bot cla-bot bot added the cla-signed label Oct 13, 2023
@sourcegraph-bot
Copy link
Contributor

sourcegraph-bot commented Oct 13, 2023

📖 Storybook live preview

Copy link
Contributor

@vovakulikov vovakulikov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@jasonhawkharris with these new changes I think there is a state where you can't open a file tree as it was before, check the repository page on folder or just on root page, previously there was a sidebar button that allows you to expand the file tree

Screen.Recording.2023-10-13.at.14.42.35.mov

@jasonhawkharris jasonhawkharris force-pushed the jhh/revamp-expand-contract-sidebar branch from 96ae7bf to 70cd4ee Compare October 16, 2023 14:23
@jasonhawkharris
Copy link
Contributor Author

@jasonhawkharris with these new changes I think there is a state where you can't open a file tree as it was before, check the repository page on folder or just on root page, previously there was a sidebar button that allows you to expand the file tree

Screen.Recording.2023-10-13.at.14.42.35.mov

@rrhyne regarding the bug @vovakulikov brought up here. Do you have any ideas about where to place the fixed button when in project view? Maybe oriented to the left of the repo/branch info?

@jasonhawkharris jasonhawkharris changed the title revamp expand/collapse functionality for repo sidebar Search UI: revamp expand/collapse functionality for repo sidebar Oct 16, 2023
@rrhyne rrhyne requested a review from taiyab October 26, 2023 21:52
@taiyab
Copy link
Contributor

taiyab commented Oct 27, 2023

@jasonhawkharris

Thanks for this. Great effort! :)

Thoughts on consistently keeping it at the start of the navbar in all contexts?
image

cc @vovakulikov

@vovakulikov
Copy link
Contributor

@taiyab no big objections about having it before repo and commit buttons from my side, I remember there was an argument from Rob (and I think I can relate to this) that this button opens something below kind of becoming disconnected to actual file tree sidebar in this case.

My reckless initial idea was always having a separated column for this button (the whole row is clickable and opens/expands the sidebar panel), got this idea from google code search and JetBrains IDE.

Screenshot 2023-10-30 at 16 42 55

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

QoL issue: Awkward sidebar behavior - collapsing and expanding
4 participants