question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unresizable Spinner because of width & height set explicitly to 100px

See original GitHub issue

Bug, 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:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
YoannBureaucommented, Dec 6, 2017

@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)

0reactions
angular-automatic-lock-bot[bot]commented, Sep 7, 2019

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found