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

style(v2): add className to tab container #4086

Merged
merged 2 commits into from
Jan 27, 2021

Conversation

ArtFlag
Copy link
Contributor

@ArtFlag ArtFlag commented Jan 22, 2021

Motivation

I like the classic theme and would like to theme the Tabs component. The Tabs component's wrapper div doesn't have a class name on it and that would be useful.

This PR adds a classname. No CSS is added.

Have you read the [Contributing Guidelines on pull requests]

Yes

Test Plan

Ensure there is no side effect: the class name isn't used in the repo

@facebook-github-bot facebook-github-bot added the CLA Signed Signed Facebook CLA label Jan 22, 2021
@netlify
Copy link

netlify bot commented Jan 22, 2021

@netlify
Copy link

netlify bot commented Jan 22, 2021

Deploy preview for docusaurus-2 ready!

Built without sensitive environment variables with commit 73edd52

https://deploy-preview-4086--docusaurus-2.netlify.app

@github-actions
Copy link

github-actions bot commented Jan 22, 2021

Size Change: -2 B (0%)

Total Size: 27.1 kB

ℹ️ View Unchanged
Filename Size Change
website/build/blog/2017/12/14/introducing-docusaurus/index.html 20.9 kB -1 B (0%)
website/build/docs/introduction/index.html 180 B 0 B
website/build/index.html 6.02 kB -1 B (0%)

compressed-size-action

@github-actions
Copy link

github-actions bot commented Jan 22, 2021

⚡️ Lighthouse report for the changes in this PR:

Category Score
🟠 Performance 78
🟢 Accessibility 99
🟢 Best practices 100
🟢 SEO 100
🟢 PWA 95

Lighthouse ran on https://deploy-preview-4086--docusaurus-2.netlify.app/classic/

@@ -82,7 +82,7 @@ function Tabs(props: Props): JSX.Element {
};

return (
<div>
<div className="tabs--container">
Copy link
Contributor

Choose a reason for hiding this comment

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

Why use this separator --?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

updated to a single dash

@slorber slorber added the pr: polish This PR adds a very minor behavior improvement that users will enjoy. label Jan 27, 2021
@slorber
Copy link
Collaborator

slorber commented Jan 27, 2021

thanks 👍

@slorber slorber merged commit b49ff32 into facebook:master Jan 27, 2021
@lex111 lex111 added this to the v2.0.0-alpha.71 milestone Mar 1, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed Signed Facebook CLA pr: polish This PR adds a very minor behavior improvement that users will enjoy.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants