SAPUI5 Иконки меняют размер и цвет - PullRequest
Новая
       21

SAPUI5 Иконки меняют размер и цвет

0 голосов
/ 15 октября 2019

Мне любопытно узнать, есть ли способ узнать, как изменить размер значка SAPUI5, чтобы он мог заполнить определенные критерии и цвет.

Image of Buttons with Icons

Как видите, вторая и третья кнопки имеют одинаковый размер, а первая - меньше.

Как я могу повлиять на размер первой?

1 Ответ

0 голосов
/ 16 октября 2019

Этого можно добиться, назначив пользовательскую class - increaseFont определенной кнопке и переопределив свойство font-size и color.

View.xml 

<FlexBox
    alignItems="Center"
    justifyContent="Start">
    <items>
        <Button enabled="true" icon="sap-icon://process" class="sapUiSmallMarginEnd increaseFont"/>             
        <Button enabled="true" icon="sap-icon://open-command-field" class="sapUiSmallMarginEnd"/>
        <Button enabled="true" icon="sap-icon://navigation-right-arrow" />              
    </items>
</FlexBox>

CSS 

.sapMBtn.increaseFont .sapMBtnIcon {
    font-size: 1.5rem;
    color: red;
}

Выход

enter image description here

Примечание. Все значки будут одинакового размера. Поскольку есть несколько стрелок вправо, поэтому он выглядит меньше.

...