Unresizable Spinner because of width & height set explicitly to 100px
See original GitHub issueBug, feature request, or proposal:
Bug: Spinner now have a style tag in its generated html that is style="width: 100px; height: 100px;"
, so we can’t change its size by an external css file anymore.
What is the expected behavior?
We should be able to resize the spinner by css
What is the current behavior?
We can’t resize the spinner by css
What are the steps to reproduce?
Just add a new mat-spinner to a component and see the DOM output
What is the use-case or motivation for changing an existing behavior?
It is a regression: it was set before by its css class
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 5, Angular Material 5.0.0.rc-2
Is there anything else we should know?
This will trigger some regressions on early adopter’s projects
Issue Analytics
- State:
- Created 6 years ago
- Reactions:1
- Comments:5 (2 by maintainers)
Top Results From Across the Web
angular/material2 mat-spinner resize - Stack Overflow
The diameter represents the amount of pixels for both the width and the height of the spinner. In this case it has a...
Read more >Advanced cropping, resizing, and resampling - Adobe Support
This document explains in detail how cropping, resizing, and resampling images affects image resolution and pixel dimensions in Adobe ...
Read more >Image Resize Via URL - Scale your images to any width ... - Sirv
Sirv instantly resizes images when you specify width or height in the URL. A new image is immediately created using the dimensions you...
Read more >How to Resize Images in HTML - Quackit Tutorials
To resize an image in HTML, use the width and height attributes of the img tag. You can also use various CSS properties...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@donroyco yep, I use that now. But I still think it is weird to have this “css style html prop” set. It is the only one angular material component with this dirty prop setting (instead of using css selectors)
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.