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

Hide overflow for latest item on click #1212

Merged
merged 2 commits into from
Feb 7, 2023

Conversation

ardislu
Copy link
Contributor

@ardislu ardislu commented Feb 2, 2023

Otherwise a vertical scrollbar will appear when a button within the file list is clicked.

Closes #1210

Otherwise a vertical scrollbar will appear when child button is clicked.
@welcome
Copy link

welcome bot commented Feb 2, 2023

Thanks for submitting your first pull request! You are awesome! 🤗

If you haven't done so already, check out Jupyter's Code of Conduct. Also, please make sure you followed the pull request template, as this will help us review your contribution more quickly.
welcome
You can meet the other Jovyans by joining our Discourse forum. There is also a intro thread there where you can stop by and say Hi! 👋

Welcome to the Jupyter community! 🎉

@github-actions
Copy link

github-actions bot commented Feb 2, 2023

Binder 👈 Launch a binder notebook on branch ardislu/jupyterlab-git/fix-scrollbar-on-click

Copy link
Member

@fcollonval fcollonval left a comment

Choose a reason for hiding this comment

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

Thanks @ardislu

Unfortunately, this will prevent scrolling long list of files. In the example below I get 44 files untracked. The list is not vertically scrollable any longer with your change. So I cannot look at all the files:

image

This is the closest parent container to the button so it's more accurate
@ardislu
Copy link
Contributor Author

ardislu commented Feb 3, 2023

Thank you @fcollonval for this feedback, I didn't check the case where there's a lot of files.

I've moved the overflow: hidden to the lowest <div> that wraps the buttons. Now a long list will still be scrollable, but the original issue should be fixed.

@fcollonval
Copy link
Member

Kicking the CI

@fcollonval fcollonval closed this Feb 7, 2023
@fcollonval fcollonval reopened this Feb 7, 2023
@fcollonval fcollonval changed the title Set file list overflow in both directions to hidden Hide overflow for latest item on click Feb 7, 2023
Copy link
Member

@fcollonval fcollonval left a comment

Choose a reason for hiding this comment

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

Thanks a lot @ardislu

@fcollonval fcollonval merged commit c7e7363 into jupyterlab:master Feb 7, 2023
@welcome
Copy link

welcome bot commented Feb 7, 2023

Congrats on your first merged pull request in this project! 🎉
congrats
Thank you for contributing, we are very proud of you! ❤️

fcollonval pushed a commit to basokant/jupyterlab-git that referenced this pull request Feb 15, 2023
* Set overflow in both directions to hidden

Otherwise a vertical scrollbar will appear when child button is clicked.

* Move overflow: hidden to button wrapper

This is the closest parent container to the button so it's more accurate
@fcollonval fcollonval added the bug label Jun 19, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

The "add" (stage changes) button of last entry runs away
2 participants