fix(template): sidebar arrow status (#248)

docgeni · Sep 29, 2021 · f31e719 · f31e719
1 parent 3538670
commit f31e719
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/template/src/shared/sidebar/sidebar.component.html b/packages/template/src/shared/sidebar/sidebar.component.html
@@ -13,7 +13,7 @@
 
   <ng-template let-menu #navTemplate>
     <ng-container *ngIf="menu.items; else item">
-      <div class="menu-group" *ngIf="menu.items.length > 0" [class.group-group--open]="menuDisplayMap.get(menu)">
+      <div class="menu-group" *ngIf="menu.items.length > 0" [class.menu-group--open]="menuDisplayMap.get(menu)">
         <div class="group-header" (click)="toggle(menu)">
           <div class="group-title" *ngIf="menu.title">
             {{ menu.title }}

diff --git a/packages/template/src/styles/sidebar.scss b/packages/template/src/styles/sidebar.scss
@@ -28,12 +28,12 @@
         .menu-item {
             margin-left: $dg-sidebar-item-indent;
         }
-        &.group-group--open {
+        &.menu-group--open {
             & > .group-body {
                 max-height: 4000px;
                 opacity: 1;
             }
-            & > .group-arrow {
+            & > .group-header .group-arrow {
                 transform: rotate(90deg);
             }
         }