Angularjs 包含垂直选项卡的jade表单必须转换为SideNav

JADE的最后几行包含md选项卡，这些选项卡应转换为sidenav选项卡。只有css更改，我们才能转换为sidenav

extends ../../../core/pronghorn/views/layout

block append scripts
    script(src="./scripts/angular-filter.min.js")
    script(src="./scripts/networkconfig.js")


block append links
    link(rel="stylesheet" href="../networkmanagement/style/networkStyle.css")

block append content    
    div(ng-controller="networkconfig" flex ng-cloak style="font-size:12px;ovelrflow-x:none" )
        //content layout start here
        div.layout-bg(layout="row" layout-fill="layout-fill" flex="flex" style="height:calc(100% - 10px); height:calc(100vh - 50px);")

            //Content - Right Section
            md-content.flex(layout="column"  )
                div.view-details-bar(layout='row' )
                    h3(style="height:35px;margin-left:38%;font-weight:bold") Network Inventory Management 
                    span(flex)
                    md-button(class="md-icon-button" ng-click="" help-window style="float:right")


                // Help content box 
                div( class="help-con-box" ng-if="showHelpCont" ) 
                    md-dialog-actions(layout="row" class="layout-row" style="min-height:30px; background-color:#fff" )
                        label() Steps to do... 
                        span(flex)
                        md-button.scrunched(class="md-icon-button" ng-click="hideHelpCont()" )

                    div(layout="row")            


                div.view-content( flex style="border-top:1px solid #ccc;height:calc(100% - 10px); height:calc(100vh - 50px);")

                     md-tabs(md-stretch-tabs style="padding:5px"   md-border-bottom md-dynamic-height )
                        //Network Inventory tab
                        md-tab(label="PNF/VNF Management")
                            include pnf_vnf_management.jade                                 
                        md-tab(label="Zone Management")
                            include zone_management.jade
                        md-tab(label="NTC Management" md-on-select="getNtcNames()")
                            include ntc_management.jade       

---

css://这是代码md内容md选项卡md选项卡画布{背景：#E5E5！重要；}md选项卡。md-tab.md-active，.md-tab.md-focused{颜色：#0679B4！重要；}md选项卡md墨条{背景：#0679B4！重要；}我的按钮。md按钮：悬停，.md按钮：焦点{背景色：#f0f0f0！重要；颜色：#0679B4；/*高度：35px；*/}css://这是代码的css md内容md选项卡md选项卡md选项卡画布{背景：#e5e5e5！重要；}md选项卡。md-tab.md-active，.md-tab.md-focused{颜色：#0679B4！重要；}md选项卡md墨水条{背景：0679B4！重要；}我的按钮。md按钮：悬停，.md按钮：聚焦{背景颜色：f0f0f0！重要；颜色：0679B4；/*高度：35px；*/}