fix(dropdown): flip chevron when open (#445)

allianz · Dec 21, 2021 · 1c52a95 · 1c52a95
1 parent c2ab567
commit 1c52a95
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/projects/ng-aquila/src/dropdown/dropdown.scss b/projects/ng-aquila/src/dropdown/dropdown.scss
@@ -24,6 +24,12 @@ $dropdown-border-size: nx-border-size(xs);
     @include var(color, negative);
 }
 
+:host([aria-expanded='true']) {
+    .nx-dropdown__chevron {
+        transform: rotateZ(180deg);
+    }
+}
+
 .nx-dropdown__container {
     display: flex;
     justify-content: flex-end;