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

Remove bottom border for tabBar. #6526

Merged

Conversation

ian-r-rose
Copy link
Member

References

Fixes #6521

@jupyterlab-dev-mode
Copy link

Thanks for making a pull request to JupyterLab!

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

@ian-r-rose ian-r-rose added this to the 1.0 milestone Jun 10, 2019
@jasongrout
Copy link
Contributor

Screenshot showing the bottom border is fixed, and #6492 is still fixed:

Screen Shot 2019-06-10 at 11 36 20 AM

However, notice that there aren't borders on the sides of the tabs anymore in the dark theme, like there are on the light theme, so you can see where one tab ends and another begins:

Screen Shot 2019-06-10 at 11 37 59 AM

@jasongrout
Copy link
Contributor

there aren't borders on the sides of the tabs anymore in the dark theme

Not sure if this is from this PR or an existing issue.

@jasongrout
Copy link
Contributor

jasongrout commented Jun 10, 2019

Looks like the side border is there, just that the border is #414141, while the tab background is #424242, so the border is not distinguishable.

Edit: whoa, nice color swatches in the markdown rendering!

@jasongrout
Copy link
Contributor

jasongrout commented Jun 10, 2019

Looks like the side border is there, just that the border is #414141, while the tab background is #424242, so the border is not distinguishable.

Never mind, seems like there was a caching issue? In reality, it looks like the tabs have background var(--jp-layout-color2) and border var(--jp-border-color1), and both are --md-grey-800 in the dark theme:

--jp-border-color0: var(--md-grey-700);
--jp-border-color1: var(--md-grey-800);
--jp-border-color2: var(--md-grey-800);
--jp-border-color3: var(--md-grey-900);

--jp-layout-color0: #111111;
--jp-layout-color1: var(--md-grey-900);
--jp-layout-color2: var(--md-grey-800);
--jp-layout-color3: var(--md-grey-700);
--jp-layout-color4: var(--md-grey-600);

(and where is --jp-border-color4 to match the layout color 4?)

@jasongrout
Copy link
Contributor

@ellisonbg - this pr looks fine. Do you or @ian-r-rose want to take a look at the color issue I pointed above, or should we merge this and open a new issue?

@ian-r-rose
Copy link
Member Author

@jasongrout I'm a little reticent to change the theme border colors -- that is likely to have some subtle and wide-ranging implications. I brought something similar up in #6153 and we decided to back off of the change. Or do you mean something different?

@jasongrout
Copy link
Contributor

This now passing, so I'll merge this and open a follow-up.

@jasongrout jasongrout merged commit 48b412d into jupyterlab:master Jun 10, 2019
@jasongrout
Copy link
Contributor

Or do you mean something different?

Well, clearly something is wrong in the dark theme since --jp-layout-color2 and --jp-border-color2 are the same color.

And something seems off for tabs to be using the layout color 2, but border color 1.

I'll post my suggestion on a new issue.

@jasongrout
Copy link
Contributor

I opened #6527

@ellisonbg ellisonbg mentioned this pull request Jun 11, 2019
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. tag:Design and UX
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Tabs in main work area have extra border.
2 participants