fix: CollapsibleList - expand icon rotation fix

RohitRaj011 · RohitRaj011 · commit 8d6cf144e3c4 · 2024-10-04T16:20:59.000+05:30
diff --git a/src/Shared/Components/CollapsibleList/CollapsibleList.component.tsx b/src/Shared/Components/CollapsibleList/CollapsibleList.component.tsx
@@ -29,7 +29,7 @@ export const CollapsibleList = ({ config, onCollapseBtnClick }: CollapsibleListP
                         >
                             <ICExpand
                                 className="icon-dim-20 fcn-6 dc__no-shrink cursor rotate"
-                                style={{ ['--rotateBy' as string]: isExpanded ? '90deg' : '0deg' }}
+                                style={{ ['--rotateBy' as string]: isExpanded ? '0deg' : '-90deg' }}
                             />
                             <span className="flex-grow-1 dc__align-left dc__truncate">{header}</span>
                         </button>

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ export const CollapsibleList = ({ config, onCollapseBtnClick }: CollapsibleListP`
`29`	`29`	`>`
`30`	`30`	`<ICExpand`
`31`	`31`	`className="icon-dim-20 fcn-6 dc__no-shrink cursor rotate"`
`32`		`- style={{ ['--rotateBy' as string]: isExpanded ? '90deg' : '0deg' }}`
	`32`	`+ style={{ ['--rotateBy' as string]: isExpanded ? '0deg' : '-90deg' }}`
`33`	`33`	`/>`
`34`	`34`	`<span className="flex-grow-1 dc__align-left dc__truncate">{header}</span>`
`35`	`35`	`</button>`