在Rdash Angular上折叠边栏菜单

Question

我们可以折叠Rdash Angular上的侧边栏菜单吗？

例如，在http://rdash.github.io/#/上。

在Dashboard下，我们可以找到Profile，Graphic，Manage Data。在Tables下，我们可以找到Statistic，Report。

感谢。

Answer 1

你可以做这样的事情

<div class="sidebar col-xs-2" 
     ng-class="{ 'col-xs-1': open, 'toggleOn': open, 'toggleOff': !open }">
   <button ng-click="open = !open">Toggle</button>            
</div>


.sidebar {
    color: #fff;
    height: 100vh;
}

.toggleOn {
    transition: width 1s;
    -webkit-transition: width 1s;        
    -moz-transition: width 1s;        
    -o-transition: width 1s;
}

.toggleOff {
    transition: width 1s;
    -webkit-transition: width 1s;        
    -moz-transition: width 1s;        
    -o-transition: width 1s;
}