темная тема ionic 5 ios показывает тень в заголовке строки меню открыть и закрыть

#css #angular #ionic-framework #ionic5

#css #угловой #ionic-framework #ionic5

Вопрос:

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

Я заглянул в элемент проверки, но не смог точно определить, к какому элементу он применяется.

Кажется, это вокруг .toolbar-container элемента! но не могу понять, где именно или как это исправить!

Вот скриншот захваченного перехода, и вы можете увидеть тень:

введите описание изображения здесь

Вот как это выглядит, когда после закрытия бокового меню: введите описание изображения здесь

кстати, это темная тема по умолчанию для ios, которая поставляется с боковым меню ionic angular.

Комментарии:

1. О каком стиле вы точно говорите?

2. когда боковое меню закрывается, вы можете увидеть тень

3. Эта тень исходит от app.component.html проверки css и удаляет ее оттуда.

4. похоже, что это где-то в заголовке, все еще ищет

5. Спасибо @NajamUsSaqib за то, что изучил ее, наконец-то нашел, что это было .header-background

Ответ №1:

Хорошо, я нашел это:

Это было .header-background , когда меню открыто ( .header-collapse-condense-inactive ), которое устанавливало фон для размытия заголовка!

введите описание изображения здесь

Я просто перезаписал это, backdrop-filter: none !important; добавив следующий CSS глобально, исправил мою проблему!

 .header-collapse-condense-inactive .header-background {
  backdrop-filter: none !important;
}