Ionic 3 Изменение заполнения заголовка ионной карты не переопределяет существующее - PullRequest
Новая
       13

Ionic 3 Изменение заполнения заголовка ионной карты не переопределяет существующее

1 голос
/ 22 июня 2019

Я пытаюсь переопределить существующий sass-стиль ion-card, изменив заполнение заголовков на то, что подходит для моего приложения.

Я сделал следующее: 

ion-card-header{
  .card-header-md{
    padding-right: 20px !important;
    padding-left: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

Но ничегоизменилось.Я попытался добавить цвет фона, чтобы убедиться, что он получает стиль: 

ion-card-header{
  color: red;
  .card-header-md{
    padding-right: 20px !important;
    padding-left: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

И цвет изменился на красный. Но card-header-md не меняется .Мне нужно изменить его на iOS и Android.

Вот для него stackblitz .

1 Ответ

1 голос
/ 22 июня 2019

Проблема в том, что класс card-header-md находится на том же уровне, что и класс ion-card-header. Так что это должно работать: 

ion-card-header {
  &.card-header-md {
    padding-right: 20px
    padding-left: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

Я удалил !important, потому что я думаю, что вы на самом деле не нуждаетесь в них (только что попробовал в новой демонстрации стекаблиц , и без них она работает нормально).

...