Всем привет, есть компонент который выводится на печать, внутри разное

Question

Всем привет, есть компонент который выводится на печать, внутри разное

содержимое в зависимости от условия. Как сделать чтобы при одном условии формат печати был "книжная", а в другом "альбомная" ?

@page {
size: landscape;
}

@page {
size: portrait;
}

пробовал такие условия, но они не работают если писать их внутри css класса, а как сделать вариативность без класса не понимаю

#angular #frontend #javascript #programming #russian

0

11.11.2021

11 ответов

23 просмотра

Юра 🪐

Это надо написать в child component. :host-context(.list) { // styles here are applied if element matches rule .list } :host-context(.grid) { // styles here are applied if element matches rule .grid } А в паренте ставить классы <div class="list"> <tile></tile> </div> <div class="grid"> <tile></tile> </div>

0

11.11.2021

Oleg Livcha

Юра 🪐
Это надо написать в child component. :host-context...

Не очень хорошо так но как вариант там где будешь прописывать стили отключи shadow Dom

0

11.11.2021

Юра 🪐

Oleg Livcha
Не очень хорошо так но как вариант там где будешь ...

Ничего отключать точно не надо

0

11.11.2021