CMS-620: Flip the dropdown icon upside down on open (#90)

bcgov · Jan 23, 2025 · 6c8b8e7 · 6c8b8e7
1 parent 1409df3
commit 6c8b8e7
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss
@@ -115,3 +115,11 @@ label.form-check-label {
     color: var(--icons-color-danger);
   }
 }
+
+// custom style for bootstrap dropdowns
+.dropdown-toggle {
+  // flip the arrow icon when the dropdown is open
+  &[aria-expanded="true"]:after {
+    transform: rotate(180deg);
+  }
+}