Resize $ mdSidenav С Любое событие

Question

Я хочу, чтобы изменить размер $mdSidenav с любым событием:

<md-button ng-click="openLeftMenu()"> 
    Open Left Menu 
</md-button> 
<md-sidenav class="md-sidenav-left md-whiteframe-z2" 
        md-component-id="left" 
        md-is-locked-open="$mdMedia('gt-md')"> 
</md-sidenav> 

и ЯШ:

$scope.openLeftMenu = function() { 
    var el = $element.find('md-sidenav'); 
    el.toggleClass("hover"); 
}; 

При таком подходе класс мог добавил, но не оказывает никакого влияния на размер md-sidenav Я не знаю, подходит ли это для изменения размера md-sidenav. Любое предложение будет оценено по достоинству.

md-sidenav.hover { 
    min-width: 20px; 
    max-width: 20px 
} 

Answer 1

.md-sidenav-left.hover { 
    min-width: 20px; 
    max-width: 20px 
}