fix: specify parent class for css changes (#1353)

openedx · Nov 18, 2024 · 7eb28c8 · 7eb28c8
1 parent 8f6b45c
commit 7eb28c8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/PeopleManagement/GroupCardGrid.jsx b/src/components/PeopleManagement/GroupCardGrid.jsx
@@ -33,6 +33,7 @@ const GroupCardGrid = ({ groups }) => {
         <Collapsible
           styling="basic"
           title={`Show all ${groups.length} groups`}
+          className="group-collapsible"
         >
           <CardGrid
             columnSizes={{

diff --git a/src/components/PeopleManagement/_PeopleManagement.scss b/src/components/PeopleManagement/_PeopleManagement.scss
@@ -8,6 +8,8 @@
   }
 }
 
-.collapsible-basic .collapsible-trigger {
-  justify-content: right;
-}
+.group-collapsible {
+  .collapsible-basic .collapsible-trigger {
+    justify-content: right;
+  }
+}