Как я могу изменить класс .item-native внутри ion-item?

Question

Я пытаюсь изменить класс .item-native из ion-item, но ничего не работает. Я знаю, что .item-native делает мою карту низкой высоты. Если невозможно изменить .item-native, что я могу сделать, чтобы увеличить размер моей карты?

Вот мой файл s css:

ion-item {
    .item-native {
        height: 100%;
    }
}

 <ion-item class="abrir-mapa">
        <div class="abrir-mapa" #map id="map"></div> 
      </ion-item>

Попробовал это тоже.

.abrir-mapa {
    height: 25rem;

    .item-native {
        height: 100%;
    }
}

Answer 1

Я нашел решение. Вместо того, чтобы положить ion-элемент, я просто заменил его на div с этим.

.abrir-mapa {
    height: 25rem;
    width: 100%;
}