Skip to content

fix(angular): variables gets loaded after global #1834

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 2 commits into from
Mar 1, 2024
Merged

Conversation

liamdebeasi
Copy link
Contributor

@liamdebeasi liamdebeasi commented Feb 29, 2024

One of the issues I'm seeing devs run into with the Ionic 8 beta is with trying to override the default light theme. Devs are placing their overrides in theme/variables.scss. However, our angular.json config has it so that theme/variables.scss is loaded before global.scss (where the default light theme is imported).

Since both sets of styles target the same selector, they have the same specificity and the latest style to get added to the DOM wins (global.scss in this case). As a result, the custom styles do not apply.

This PR switches the order so global.scss is loaded first. This is really only needed for Ionic 8, so I could target the feature-8.0 branch. However, I figured it would be good to get this change out sooner since devs testing the Ionic 8 beta may create fresh apps.

@liamdebeasi liamdebeasi marked this pull request as ready for review March 1, 2024 00:02
@liamdebeasi liamdebeasi requested a review from a team as a code owner March 1, 2024 00:02
@liamdebeasi liamdebeasi requested review from mapsandapps and removed request for a team March 1, 2024 00:02
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.

2 participants