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

CSS: Remove 'overflow: visible' property from '.p-DockPanel-tabBar' class. #6492

Merged
merged 1 commit into from
Jun 6, 2019

Conversation

cquah
Copy link
Contributor

@cquah cquah commented Jun 6, 2019

References

Fixes #3986.

Code changes

Per the discussion in #3986, this removes the overflow: visible property from the .p-DockPanel-tabBar class. This is to fix overflow tabs on one panel strip being visible beyond the boundary of another panel strip. I'm not sure if it has any other side effects but it looks alright on my end so far.

User-facing changes

Before:
Screen Shot 2019-06-06 at 4 08 36 PM

After:
Screen Shot 2019-06-06 at 4 18 07 PM

Backwards-incompatible changes

None

…lass to avoid overflow tabs on one panel strip being visible beyond the boundary of another panel strip.
@jupyterlab-dev-mode
Copy link

Thanks for making a pull request to JupyterLab!

To try out this branch on binder, follow this link: Binder

@blink1073
Copy link
Member

You are on 🔥 🔥 today @cquah!

@blink1073 blink1073 added this to the 1.0 milestone Jun 6, 2019
@cquah
Copy link
Contributor Author

cquah commented Jun 6, 2019

@blink1073 Just chipping in to the countdown to 1.0! 😄

@blink1073 blink1073 merged commit 2842940 into jupyterlab:master Jun 6, 2019
@blink1073
Copy link
Member

🎉

jasongrout added a commit to jasongrout/jupyterlab that referenced this pull request Jun 12, 2019
…e active tab

Fixes jupyterlab#6532
Reverts jupyterlab#6526
Reverts jupyterlab#6492


jupyterlab#3986 is now an issue again, but setting the tab min width to 0px (instead of 36px) and setting the tab overflow to hidden makes it less likely to appear in practice (i.e., the tabs need to be much denser now to overflow into the splitter). Setting the tab overflow to hidden also makes the close icon for tabs not overlap the next tab, which was very confusing.

I think this is the best compromise at this point.

I also experimented unsuccessfully with setting the z-index of the splitter handle in an attempt to get it to be on top of overflowing tabs.
@lock
Copy link

lock bot commented Aug 6, 2019

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related discussion.

@lock lock bot locked as resolved and limited conversation to collaborators Aug 6, 2019
@jasongrout jasongrout added the status:resolved-locked Closed issues are locked after 30 days inactivity. Please open a new issue for related discussion. label Aug 9, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
status:resolved-locked Closed issues are locked after 30 days inactivity. Please open a new issue for related discussion.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

CSS rules change default Phosphor overflow
3 participants