TabPanel headers occupying entire TabView header area

[vigalo]

Hello :
I seen on github #2665 issue of primeng that there is a way to get this effect :



using this :

Code: Select all

 /* allows the ul to flex model properties */
.ui-tabview.ui-tabview-top>.ui-tabview-nav{
    display:flex;
 }
 /* the li's will now always fill up the size of the ul's */
 .ui-tabview.ui-tabview-top>.ui-tabview-nav li{
    flex: 1;
 }

but it doesn't work for me. How can I achieve this? Can I write this css code into *.component.css?
Thanks.