Skip to content

Remove the border. Fix #48765 - #48825

Closed
Shizeng Zhou (shizengzhou) wants to merge 7 commits into
microsoft:masterfrom
shizengzhou:48765
Closed

Shizeng Zhou (shizengzhou) wants to merge 7 commits into
microsoft:masterfrom
shizengzhou:48765

Conversation

@shizengzhou

Copy link
Copy Markdown
Contributor

Benjamin Pasero (@bpasero) I remove the border to fix it.
border

cursor: pointer;
height: 35px;
box-sizing: border-box;
border: 1px solid transparent;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Shizeng Zhou (@shizengzhou) not a good change, this border is needed when the tab.border color is set, see:

image

@bpasero

Copy link
Copy Markdown
Contributor

Maybe we should conditionally set this border if tab.border is defined, I think that should be possible 👍

@msftclas

Microsoft Contribution License Agreements (msftclas) commented Apr 30, 2018 •

Copy link
Copy Markdown

CLA assistant check
All CLA requirements met.

@shizengzhou

Copy link
Copy Markdown
Contributor Author

Benjamin Pasero (@bpasero) I have changed my code.
tabs

@bpasero

Copy link
Copy Markdown
Contributor

Shizeng Zhou (@shizengzhou) I did not realize that we set a border color by default in dark and light theme and we cannot just remove it because the color is actually in use:

image

As you can see, there is a slight black line between the two tabs. I think a better approach would be to not use borders at all for this kind of separation and have it some other way...

@shizengzhou

Copy link
Copy Markdown
Contributor Author

Benjamin Pasero (@bpasero) Now I don't use borders for the separations.
tabs

@bpasero

Copy link
Copy Markdown
Contributor

Shizeng Zhou (@shizengzhou) how about keeping the border as is and letting the special case of having a border for the active tab use the ::pseudo element trick? I actually do not like how it currently uses box-shadow so then we could get rid of that hack too.

@bpasero

Copy link
Copy Markdown
Contributor

I found a simpler way via fd7d510

Thanks for the work here, sorry for not pushing it 👍

@github-actions github-actions Bot locked and limited conversation to collaborators Mar 27, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants