-
Notifications
You must be signed in to change notification settings - Fork 10.5k
Update the templates CSS to leverage CSS isolation #24380
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
Update the templates CSS to leverage CSS isolation #24380
Conversation
src/ProjectTemplates/BlazorTemplates.Tests/BlazorServerTemplateTest.cs
Outdated
Show resolved
Hide resolved
src/ProjectTemplates/test/Infrastructure/TemplateTests.props.in
Outdated
Show resolved
Hide resolved
...ectTemplates/Web.ProjectTemplates/content/BlazorServerWeb-CSharp/Shared/MainLayout.razor.css
Outdated
Show resolved
Hide resolved
...mplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Client/wwwroot/css/app.css
Show resolved
Hide resolved
SteveSandersonMS
left a comment
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 great! The CSS is so much better this way.
|
Hello human! Please make sure you've included the Shiproom Template in a comment or (preferably) the PR description. Also, make sure this PR is not marked as a draft and is ready-to-merge. |
|
This has been approved by Tactics. @javiercn please let me know when this is ready to be merged and I'll do that |
Fixes #22781
Description
This change updates the Blazor templates to use the new CSS isolation support we've built into preview8. The changes are scoped to the template except for a minor change we needed to do to adjust to the fact that we don't have a WebAssembly SDK in preview8.
Customer Impact
It will be very hard for customers to experience the feature first hand without the templates changes. These changes make it trivial for customers to get started using the feature from a new project. This is the most voted feature Blazor is doing for 5.0 (200+ votes on GH) so we want to get feedback on it, and having it on the template makes it much more visible to customers.
Regression?
No
Risk
Low. Changes are focused on the templates, we have end to end automation that validates the updates and we have validated manually that the visual aspect and functionality of the templates has not regressed.