svgIcon resize не применяется - PullRequest
0 голосов
/ 27 мая 2019

Я использую угловой 7.

Я добавляю набор SVG

iconRegistry.addSvgIconSet(sanitizer.bypassSecurityTrustResourceUrl('/assets/icons/mdi.svg'));

, которые содержат следующие вещи

<g id="more-vert">
  <path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
</g>

, затем в шаблоне я делаю

<mat-icon svgIcon="more-vert"></mat-icon>

размер 24px.

Я пытаюсь изменить размер, используя

<mat-icon fontSize="small" svgIcon="more-vert"></mat-icon>

<mat-icon fontSizeSmall svgIcon="more-vert"></mat-icon>

или какой-нибудь CSS, например

mat-icon{
widht : 20px;
height : 20px;
}

или событие

mat-icon{
font-size: 20px;
}

но ничего, контейнер svg расширяется, но не изменяется.enter image description here

...