Удалить интервал в ионном списке

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

Я пробовал кучу разных CSS-файлов (установив поля / отступы на 0 и уменьшив максимальную высоту), но он всегда обрезает строку и текст, а не просто удаляет пробел между ними.

https://stackru.com/images/647fc658a01603cec136a7d8a534570eb35a6253.png?s=256

https://stackru.com/images/9822979abf194d88ec51484d39fb3cd55aa99857.png?s=60

     <ion-card>
            <ion-card-header>
                <ion-card-subtitle>
                Tichumaster
                </ion-card-subtitle>
                <ion-card-title>
                    <ion-icon class="iconSize" name="aperture"></ion-icon>
                </ion-card-title>
                <ion-card-content>
                    <ion-list>
                        <ion-item>
                                <ion-label>Du</ion-label>
                                <ion-note slot="end" color="tertiary">10%</ion-note>
                        </ion-item>
                        <ion-item>
                            <ion-label>Du</ion-label>
                            <ion-note slot="end" color="tertiary">10%</ion-note>
                        </ion-item>
                        <ion-item>
                            <ion-label>Du</ion-label>
                            <ion-note slot="end" color="tertiary">10%</ion-note>
                        </ion-item>
                        <ion-item>
                            <ion-label>Du</ion-label>
                            <ion-note slot="end" color="tertiary">10%</ion-note>
                        </ion-item>
                    </ion-list>
                </ion-card-content>
            </ion-card-header>
        </ion-card>

1 ответ

Мне тоже было нелегко делать это. Но мне удалось добиться

      ion-item.myList{
  margin-top: -11px; 
}

Но чтобы не мешать всем ионным элементам, которые я использовал, я использовал класс

      <ion-item class="myList">
Другие вопросы по тегам