/CSS/Angular set encapsulated body to full height

Angular set encapsulated body to full height

/*inside the component.css which html you want to be rendered full screen*/

:host {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

Source: stackoverflow.com

Similar codes

0 vote115 views1 answer
How to remove link color from <a>
CSS
0 vote111 views1 answer
Moving nested element up css
CSS
0 vote123 views1 answer
Elemento SPAN
CSS
39 votes112 views2 answers
Font size x large in css
CSS
1 vote124 views1 answer
Css thinner hr
CSS
0 vote69 views1 answer
Css flex fixed width
CSS
1 vote144 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
1 vote115 views1 answer
How to set fallback font in css
CSS
0 vote116 views1 answer
Margin-top not working
CSS
5 votes123 views2 answers
How to select child when hover on parent element css
CSS