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

Table hover, accent, active variables for both table and table-inverse #21676

Closed
wants to merge 8 commits into from

Conversation

pvdlg
Copy link
Contributor

@pvdlg pvdlg commented Jan 12, 2017

Fixes #21002 and add other customization possibilities for table variables.

  • Add variable to configure hover, accent, active variations for table-inverse
  • Allow to customize variations of hover background for table-hover (both for regular and inverse table)
  • Fix an issue in table-hover with a hovered tr that had a different background color than a tr with table-active while they are supposed to be the same according to contextual-classes
  • Update docs to reflect the possibility of mixing table-hover, table-inverse and row variations.

@@ -81,6 +81,11 @@
tbody tr {
@include hover {
background-color: $table-bg-hover;

> td,
> th {
Copy link
Member

Choose a reason for hiding this comment

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

It seems Bootstrap's team try to avoid child selector, see this comment for exemple : #18400 (comment)

Copy link
Contributor Author

@pvdlg pvdlg Jan 12, 2017

Choose a reason for hiding this comment

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

Yes indeed.
There was also children selector in _table-row.scss that were there before my PR. I removed them as well for consistency.
Good catch, thanks !

@mdo
Copy link
Member

mdo commented Jan 24, 2017

Would two different mixins be better for this to avoid the weird (to me) null bit here? Not super happy seeing/recommended that approach for folks.

@pvdlg
Copy link
Contributor Author

pvdlg commented Jan 25, 2017

Sure! I made the change.
We now have table-row-variant and table-inverse-row-variant mixins.

@mdo mdo mentioned this pull request Mar 20, 2017
@mdo
Copy link
Member

mdo commented Mar 20, 2017

Sorry, forgot about this PR! Closing for #22217 and skipping the new hover styles for contextual classes. Thanks though!

@mdo mdo closed this Mar 20, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants