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

fix(tabs): centered and adjusted vertical placement of css-only tab indicator #2141

Merged
merged 5 commits into from
Feb 1, 2018

Conversation

moog16
Copy link
Contributor

@moog16 moog16 commented Jan 30, 2018

fixes #2117

@@ -95,10 +95,11 @@ $mdc-tab-with-icon-and-text-height: 72px;
}

.mdc-tab__indicator {
$mdc-tab-indicator-horizontal-padding: 2px;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Not sure if this is confusing. I could just inline these values.

Copy link
Contributor

Choose a reason for hiding this comment

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

Do we really need this as a variable? If so, I think it should go next to the others on line 26.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Na we don't...I thought it might be clearer, but its not complicated math. I'll remove it

@codecov-io
Copy link

codecov-io commented Jan 30, 2018

Codecov Report

Merging #2141 into master will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##           master    #2141   +/-   ##
=======================================
  Coverage   99.25%   99.25%           
=======================================
  Files          84       84           
  Lines        3768     3768           
  Branches      489      489           
=======================================
  Hits         3740     3740           
  Misses         28       28

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 0979105...eda7cd3. Read the comment docs.

Copy link
Contributor

@williamernest williamernest left a comment

Choose a reason for hiding this comment

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

LGTM

@moog16 moog16 merged commit e01bb84 into master Feb 1, 2018
@moog16 moog16 deleted the fix/tab/css-only-indicator-center branch February 1, 2018 17:59
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.

CSS only tab indicator has a positioning bug, and is the wrong color when using .mdc-theme--dark
3 participants