fix(slash): rotate only header glyphicon collapse card

AxaFrance · Dec 23, 2024 · 37d9767 · 37d9767
1 parent 56ae05e
commit 37d9767
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/slash/css/src/Accordion/Accordion.scss b/slash/css/src/Accordion/Accordion.scss
@@ -41,7 +41,7 @@ $minHeight: 3rem;
   }
 
   &__details[open] {
-    .glyphicon {
+    .glyphicon-menu-down {
       transform: rotate(180deg);
     }
   }

diff --git a/slash/react/src/Accordion/Accordion.stories.tsx b/slash/react/src/Accordion/Accordion.stories.tsx
@@ -1,6 +1,7 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { Accordion } from "./Accordion";
 import { CollapseCard } from "./CollapseCard";
+import { CheckboxItem } from "../Form/Checkbox";
 
 const meta: Meta<typeof Accordion> = {
   title: "Components/Accordion",
@@ -19,6 +20,8 @@ export const Default: StoryObj<typeof Accordion> = {
           management, and other financial services.
         </p>
 
+        <CheckboxItem label="Check me" />
+
         <p>
           The AXA Group operates primarily in Western Europe, North America, the
           Asia Pacific region, and the Middle East, with a presence also in