在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; 
}