-
Notifications
You must be signed in to change notification settings - Fork 2.1k
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
feat(floating-label): add feature targeting for styles #5287
feat(floating-label): add feature targeting for styles #5287
Conversation
Codecov Report
@@ Coverage Diff @@
## master #5287 +/- ##
==========================================
- Coverage 98.52% 98.49% -0.04%
==========================================
Files 163 163
Lines 6313 6313
Branches 865 787 -78
==========================================
- Hits 6220 6218 -2
- Misses 93 95 +2
Continue to review full report at Codecov.
|
@@ -159,6 +160,15 @@ | |||
@include mdc-elevation-overlay-fill-color(red, $query: $query); | |||
@include mdc-elevation-overlay-opacity(99%, $query: $query); | |||
|
|||
// Floating label | |||
@include mdc-floating-label-core-styles($query: $query); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Note that the test:feature-targeting
check doesn't seem to be running on the CI because there are failures in the file that's in master. I've added my changes here for completeness.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good, can you provide a diff of the emitted CSS before and after to verify no unexpected changes?
I've addressed the feedback @mmalerba and I've attached the before/after files. There are a few lines of difference, but they're within the same rule and shouldn't have an effect at runtime. I moved these lines down so that they could fit into an existing feature target. |
2a96876
to
4be58be
Compare
} | ||
// postcss-bem-linter: define floating-label | ||
.mdc-floating-label { | ||
@include mdc-typography(subtitle1, $query: $query); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nit: Please use $exclude-props
to exclude line-height
in typography to avoid duplication with below CSS override.
BUILD will throw an error otherwise. :)
/* @alternative */
comment before CSS override would also fix this.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fixed.
Adds support for feature targeting to the `mdc-floating-label` styles. Relates to material-components#4227.
4be58be
to
59a6189
Compare
Adds support for feature targeting to the
mdc-floating-label
styles.Relates to #4227.