Убрать крестик при открытии списка fab

Question

Привет, я хочу сделать несколько нестандартных стилей в ion-fab, но не нашел ничего, чтобы убрать кросс-иконку, когда мы нажимаем и открываем кнопку fab и список fab, я не хочу значок кросса

Так что я хочу избавиться от этого значка крестика, более того, когда я изменяю ширину и высоту, он не позволяет мне изменять его высоту в процентах. * 1006 т.е. *

разрешено

ширина: в процентах / пиксели

высота: пиксели

нет

не разрешенный но требуется

высота: в процентах

 <ion-fab>
<ion-fab-button>
  <ion-icon name="share"></ion-icon>
</ion-fab-button>

<ion-fab-list side="end">
  <ion-fab-button>
    <ion-icon name="logo-twitter"></ion-icon>
  </ion-fab-button>
  <ion-fab-button>
    <ion-icon name="logo-vimeo"></ion-icon>
  </ion-fab-button>
</ion-fab-list>

.css

ion-fab-button{
width: 75%;
height: 99px;
.button-native{
    .close-icon {

        display: none !important;
    }
}
}
ion-fab-list{
    margin: 0 0 0 100px;
    width: 325%;
}

Пожалуйста, помогите мне в этом.

Answer 1

Вы имеете ограниченный контроль над этим, потому что веб-компоненты, которые использует Ionic 4, являются автономными.

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

Вы должны признать, что вы не можете контролировать все.

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

ion-fab-button.fab-button-close-active {
     --color: var(--ion-color-primary);
     --transition: opacity 0 ease-in;
}

Единственный сбой в том, что при повторном нажатии на кнопку, чтобы скрыть Х, удается показать себя в течение доли секунды, и я не смог найти никакой комбинации, чтобы предотвратить это.