Skip to content

fix(slide-toggle): incorrect text color when placed inside an overlay with a dark theme - #18742

Closed
crisbeto wants to merge 1 commit into
angular:masterfrom
crisbeto:18701/slide-toggle-text-color
Closed

fix(slide-toggle): incorrect text color when placed inside an overlay with a dark theme#18742
crisbeto wants to merge 1 commit into
angular:masterfrom
crisbeto:18701/slide-toggle-text-color

Conversation

@crisbeto

Copy link
Copy Markdown
Member

The slide toggle doesn't define its text color, but inherits it from the closest theme root element. The problem is that if the element is moved out to something like an overlay, the color may be inherited from the body which won't be correct. These changes explicitly set the color.

Fixes#18701.

… with a dark theme
The slide toggle doesn't define its text color, but inherits it from the closest theme root element. The problem is that if the element is moved out to something like an overlay, the color may be inherited from the `body` which won't be correct. These changes explicitly set the `color`.
Fixesangular#18701.
@crisbetocrisbeto added P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent target: patch This PR is targeted for the next patch release labels Mar 6, 2020
@googlebotgooglebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Mar 6, 2020
@devversiondevversion added lgtm action: merge The PR is ready for merge by the caretaker labels Mar 6, 2020
crisbeto added a commit to crisbeto/material2 that referenced this pull request Apr 12, 2020
…h a dark theme
This is along the same lines as angular#18742. The checkbox inherits its text color from the closest parent which may not be correct once the element is moved out into an overlay.
crisbeto added a commit to crisbeto/material2 that referenced this pull request Apr 19, 2020
… dark theme
Fixes a similar issue to angular#18742. The radio button inherits its text color from the closest parent which may not be correct once the element is moved out into an overlay.
@jelbourn

Copy link
Copy Markdown
Contributor

@crisbeto ~51 screenshot targets failing on this one. Change seems like an improvement, but probably not worth the effort to approve all the diffs since MDC (probably?) fixes this also.

@jelbournjelbourn added the presubmit failures This PR has failures in Google's internal presubmit process and cannot be immediately merged label Jul 29, 2020
@mmalerbammalerba removed the lgtm label Jul 31, 2020
crisbeto added a commit to crisbeto/material2 that referenced this pull request Jun 9, 2021
…ay with a dark theme
Fixes a similar issue to angular#18742. The radio button inherits its text color from the closest parent which may not be correct once the element is moved out into an overlay.
crisbeto added a commit to crisbeto/material2 that referenced this pull request Jun 9, 2021
…erlay with a dark theme
This is along the same lines as angular#18742. The checkbox inherits its text color from the closest parent which may not be correct once the element is moved out into an overlay.
@andrewseguinandrewseguin removed the cla: yes PR author has agreed to Google's Contributor License Agreement label Dec 28, 2021
@andrewseguinandrewseguin removed the action: merge The PR is ready for merge by the caretaker label Jan 13, 2022
@andrewseguin

Copy link
Copy Markdown
Contributor

Needs to be rebased and updated to the new theming API - you might want to just close this PR since it'll soon be deprecated and it sounds like theres a fair amount of screenshot issues on it

@angular-automatic-lock-bot

Copy link
Copy Markdown

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-botangular-automatic-lock-botBot locked and limited conversation to collaborators Feb 14, 2022
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentpresubmit failuresThis PR has failures in Google's internal presubmit process and cannot be immediately mergedtarget: patchThis PR is targeted for the next patch release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

mat-slide-toggle using incorrect text color in dark-theme

6 participants

@crisbeto@jelbourn@andrewseguin@devversion@googlebot@mmalerba