Итак, я посмотрел на соответствующие посты об Angular / Material mat-expansion-indicator, как изменить его положение и манипулировать им другими способами с помощью CSS. Таким образом, я смог переместить его справа налево в заголовке панели расширения. У меня есть некоторые базовые c знания с Angular (6,7), но мне еще многое предстоит выяснить. В IE (10/11), который я должен поддерживать немного дольше, mat-expansion-indicator полностью смещен. Он даже не претендует на то, чтобы быть выровненным с текстом.
Теперь я понимаю, что некоторые назовут следующую CSS work- вокруг взломать, и я понял. Однако мне нужно, чтобы это сработало, и вот что работает для начала:
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
// IE styles here
top: 10px !important;
}
Это дает мне хорошо выстроенные каретки в заголовке панели расширения, как и в других веб-браузерах.
Как видно из скриншота, это работает только для свернутых панелей расширения. И вот где я застрял почти весь день: как я могу нацелиться на расширенный mat-expansion-indicator с CSS? Я попробовал некоторые вещи ::after, которые я видел в других сообщениях, но, похоже, ничего не осталось. Я пытался связываться с CSS преобразованиями, но это вызывало всевозможные проблемы.
Сейчас я знаю, что расширенный mat-expansion-indicator должен иметь top позицию 24px, чтобы выстроиться в линию. Я просто не знаю, как получить доступ к этому расширенному mat-expansion-indicator. Любые идеи, кто-нибудь?