Невозможно изменить flex-grow на панели расширения mat

Я пытаюсь стилизовать свою панель расширения, потому что хочу, чтобы мои данные были выровнены по правому краю в моей строке.

В моем style.css пробовал

::ng-deep
/deep/
tried to target my custom class (saletotalsalestext)
!important

style.css

::ng-deep .mat-expansion-panel-header-description  {
    flex-grow: initial !important;
}

HTML:

<mat-expansion-panel-header>
    <mat-panel-title>
        {{data.name}}
    </mat-panel-title>
<mat-panel-description class="saletotalsalestext">                                      
        {{data.total_sales}}                                                                                                        
    </mat-panel-description>
</mat-expansion-panel-header>

нет точки на ".mat-extension-panel-header-description", поскольку это элемент, а не класс. у вас есть display: flex на обертке - я должен спросить.

Carol McKay 31.10.2018 12:24

@CarolMcKay Я попытался удалить "точку" из .mat-extension-panel-header-description, но, к сожалению, она все еще не меняется. У меня нет гибкости на моем <ng-container> нет

Rasmus Lave Schulz 31.10.2018 12:42

Обновлено: теперь он работает - спасибо! Я изменил элемент на правый вызов и убрал "точку"

Rasmus Lave Schulz 31.10.2018 12:54
1
3
539
0

Другие вопросы по теме