/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

61 votes363 views2 answers
Bootstrap flex direction column
CSS Bootstrap
0 vote169 views1 answer
Jquery hide scrollbar but allow scrolling
CSS
9 votes170 views1 answer
Fixed and scrollable gallery column code
CSS
0 vote185 views2 answers
Card css
CSS
1 vote175 views1 answer
-webkit css
CSS
1 vote169 views2 answers
Css animated background
CSS
1 vote196 views1 answer
Stop anchor tag scroll to top of page
CSS
0 vote210 views1 answer
Css grow animation
CSS
6 votes188 views1 answer
Hidden vs visible
CSS
0 vote194 views1 answer
Materialize css icons
CSS