angularjs - Using flexbox layout with angular-ui tabs -
i wan't utilize flexbox layout angular ui tabs (ui.bootstrap.tabs). have plunker:
http://plnkr.co/edit/9tol1wlwgdvt0dldmnaa
i changed ui-template div's flexbox classes. still tab content div not filling available space.
any idea?
i have found solution. here updated plunker:
http://plnkr.co/edit/oswsgyapfj9ssohms0fs?p=preview
the key override display property of '.tab-content>.active' class. default set 'display: block'. has set 'display: flex'.
angularjs tabs angular-ui flexbox
No comments:
Post a Comment