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(material/datepicker): calendar font tokens not being picked up #29610

Merged
merged 1 commit into from
Aug 20, 2024

Conversation

crisbeto
Copy link
Member

We were setting the calendar-text-font and calendar-text-size tokens at the top level of the calendar which meant that it wasn't being picked up in the cells, because they have button elements which have user agent styles.

These changes resolve the issue by explicitly setting the tokens.

Also fixes that the font size was too big in M3.

Fixes #29608.

@crisbeto crisbeto added the target: patch This PR is targeted for the next patch release label Aug 20, 2024
@crisbeto crisbeto requested a review from a team as a code owner August 20, 2024 07:46
@crisbeto crisbeto requested review from amysorto and andrewseguin and removed request for a team August 20, 2024 07:46
@crisbeto crisbeto removed the request for review from amysorto August 20, 2024 18:30
@crisbeto crisbeto added the action: merge The PR is ready for merge by the caretaker label Aug 20, 2024
We were setting the `calendar-text-font` and `calendar-text-size` tokens at the top level of the calendar which meant that it wasn't being picked up in the cells, because they have `button` elements which have user agent styles.

These changes resolve the issue by explicitly setting the tokens.

Also fixes that the font size was too big in M3.

Fixes angular#29608.
@crisbeto crisbeto added target: minor This PR is targeted for the next minor release and removed target: patch This PR is targeted for the next patch release labels Aug 20, 2024
@crisbeto crisbeto merged commit 7cf8c6c into angular:main Aug 20, 2024
24 checks passed
crisbeto added a commit to crisbeto/material2 that referenced this pull request Aug 20, 2024
…ngular#29610)

We were setting the `calendar-text-font` and `calendar-text-size` tokens at the top level of the calendar which meant that it wasn't being picked up in the cells, because they have `button` elements which have user agent styles.

These changes resolve the issue by explicitly setting the tokens.

Also fixes that the font size was too big in M3.

Fixes angular#29608.
crisbeto added a commit that referenced this pull request Aug 21, 2024
…29610) (#29615)

We were setting the `calendar-text-font` and `calendar-text-size` tokens at the top level of the calendar which meant that it wasn't being picked up in the cells, because they have `button` elements which have user agent styles.

These changes resolve the issue by explicitly setting the tokens.

Also fixes that the font size was too big in M3.

Fixes #29608.
@angular-automatic-lock-bot
Copy link

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-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 20, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
action: merge The PR is ready for merge by the caretaker target: minor This PR is targeted for the next minor release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

bug(datepicker): Value of calendar text size CSS variable is overriden by the user agent stylesheet
2 participants