Я застрял на этом некоторое время.
Я создал угловой компонент под названием app-place-icon-avatar.
Мне бы хотелось, чтобы app-place-icon-avatar имел высоту 55px или 100% высоты div.
Я пробовал кучу вещей.
Пожалуйста, смотрите скриншот, на который я ссылаюсь.
Элемент html показывает 17 пикселей в высоту, когда я его проверяю, но CSS 55px, кажется, применяется правильно.
Я пытался применить :: host / deep /, :: host, применяя стиль непосредственно к place-icon-avatar в html родительского компонента.
Кажется, что CSS применяется, когда я его проверяю. Справа написано, что высота 100%, но фактическое значение app-place-icon-avatar составляет 17 пикселей независимо от того, что я делаю.
Я новичок в angular, и мне жаль, если я упустил что-то простое, но я некоторое время искал и не могу найти ничего, что работает.
Причина, по которой я хотел бы сделать этот компонент определенной высоты, заключается в том, что его легче отцентрировать. Поскольку изображение в app-place-icon-avatar имеет размер 55px, а само app-place-icon-avatar имеет высоту всего 17px, это затрудняет его вертикальное центрирование. Я хотел бы сделать это максимально простым.
:host /deep/ {
height: 50px;
}
Я ожидаю, что app-place-icon-avatar будет иметь высоту 55px или 100%. Это 17px независимо от того, что я пытаюсь.
https://imgur.com/qQBk3nh