угловой/material2 mat-spinner resize

Question

Есть ли какой-либо возможный способ изменить размер mat-spinner или mat-progress-circle?

Я прочитал документацию mat-spinner и , но они сказали, что mat-diameter прекращено, а счетчик примет размер родительского элемента.

Как я могу положить mat-spinner в mat-button в левый угол, не меняя высоту кнопки?

<button mat-button> 
    <mat-spinner style="float:left;"></mat-spinner> 
    processing.... 
</button> 

Я также попытался изменить высоту, используя в линии CSS, как

style="float:left;height:10px;width:10px; 

, но не очень, чтобы видеть.

Answer 1

Я не уверен, почему ваш стиль не принес желаемых результатов. Как вы упомянули, содержимое svg внутри md-spinner будет масштабироваться до размера контейнера, поэтому применение width и height к md-spinner должно работать.

CSS

md-spinner { 
    float:left; 
    width: 24px; 
    height: 24px; 
    margin: 5px 10px 0px 0px; 
} 

Шаблон

<button md-raised-button> 
    <md-spinner></md-spinner>Raised Button with spinner 
</button> 

Plunk

http://plnkr.co/edit/RMvCtOCV9f4TxgB4G0Yz?p=preview

Это то, чего вы хотели бы достичь?

Answer 2

С последним обновлением следует использовать diameter свойство:

<mat-spinner [diameter]="70"></mat-spinner> 

Диаметр представляет собой количество пикселей, как для ширины и высоты блесны. В этом случае он имеет размер 70x70 пикселей.

Смотрите следующий пример: stackblitz

https://stackblitz.com/edit/angular-material2-progress-spinner