Skip to content

Simplify structural style setup #29620

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

Merged
merged 4 commits into from
Aug 25, 2024
Merged

Simplify structural style setup #29620

merged 4 commits into from
Aug 25, 2024

Conversation

crisbeto
Copy link
Member

@crisbeto crisbeto commented Aug 22, 2024

Reworks cdk/overlay, cdk/text-field and material/ripple so that they load their structural styles automatically. In the past this has been a source of a lot of bugs.

BREAKING CHANGES:

  • The ripples styles are now loaded slightly later than before which can change their specificity. You may have to update any ripple style overrides.
  • The overlay stays are now loaded slightly later than before which can change their specificity. You may have to update any overlay style overrides.

@crisbeto crisbeto added the target: major This PR is targeted for the next major release label Aug 22, 2024
@crisbeto crisbeto requested a review from a team as a code owner August 22, 2024 07:21
@crisbeto crisbeto requested review from andrewseguin and wagnermaciel and removed request for a team August 22, 2024 07:21
@crisbeto crisbeto added the merge: preserve commits When the PR is merged, a rebase and merge should be performed label Aug 22, 2024
@crisbeto crisbeto force-pushed the simplify-core branch 4 times, most recently from 7d2d5c5 to 41e493a Compare August 22, 2024 08:59
@@ -15,11 +14,7 @@
--mat-app-on-surface: initial;
}

@include ripple.ripple();
Copy link
Contributor

Choose a reason for hiding this comment

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

Nice!!

Makes it so the ripple loads the necessary styles itself, instead of requiring the user to do it.

BREAKING CHANGE:
* The ripples styles are now loaded slightly later than before which can change their specificity. You may have to update any ripple style overrides.
Changes the overlay so it loads its structural styles automatically, instead of requiring the user to do it.

BREAKING CHANGE:
* The overlay stays are now loaded slightly later than before which can change their specificity. You may have to update any overlay style overrides.
Reworks the text field so that users don't have to manually load its structural styles.
Reworks the style loader to avoid errors if it gets invoked too early.
@angular-robot angular-robot bot added the detected: breaking change PR contains a commit with a breaking change label Aug 23, 2024
@crisbeto crisbeto added the action: merge The PR is ready for merge by the caretaker label Aug 24, 2024
@crisbeto crisbeto removed the request for review from wagnermaciel August 24, 2024 06:23
@crisbeto crisbeto merged commit b1731b3 into angular:main Aug 25, 2024
24 of 26 checks passed
@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 25, 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 detected: breaking change PR contains a commit with a breaking change merge: preserve commits When the PR is merged, a rebase and merge should be performed target: major This PR is targeted for the next major release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants