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

[Tabs] .pt-large .pt-tab uses simple nesting #862

Merged
merged 2 commits into from
Mar 20, 2017
Merged

Conversation

giladgray
Copy link
Contributor

@giladgray giladgray commented Mar 17, 2017

Fixes #799

Changes proposed in this pull request:

  • minor change to Tabs CSS API: .pt-large modifier can be applied to any ancestor of .pt-tab, not just the .pt-tab-list: .pt-large .pt-tab
  • so <Tabs className={Classes.LARGE}> will give you nice large tabs

Reviewers should focus on:

  • an alternative approach to this fix is to add tabListClassName prop. is that preferable? might that be desirable anyway, even with this change?

no .pt-tab-list involved! so in `Tabs2` you can put the class on the top element.
@giladgray giladgray changed the title .pt-large .pt-tab uses simple nesting [Tabs] .pt-large .pt-tab uses simple nesting Mar 17, 2017
@blueprint-bot
Copy link

.pt-large .pt-tab uses simple nesting

Preview: docs
Coverage: core | datetime

@@ -261,6 +255,12 @@ $tab-indicator-width: 3px !default;
&:focus {
-moz-outline-radius: 0;
}

&.pt-large,
Copy link
Contributor Author

Choose a reason for hiding this comment

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

remove this line, no need to enable this behavior yet

unnecessary at this stage
@blueprint-bot
Copy link

remove &.pt-large support

Preview: docs | table
Coverage: core | datetime

Copy link
Contributor

@llorca llorca left a comment

Choose a reason for hiding this comment

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

<Tabs className={Classes.LARGE}> > <Tabs tabListClassName={Classes.LARGE}> 👍

@giladgray giladgray merged commit 6fcf038 into master Mar 20, 2017
@giladgray giladgray deleted the gg/tabs-large branch March 20, 2017 18:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants