diff options
| -rw-r--r-- | packages/ui/src/components/session-review.css | 11 | ||||
| -rw-r--r-- | packages/ui/src/components/session-review.tsx | 4 |
2 files changed, 14 insertions, 1 deletions
diff --git a/packages/ui/src/components/session-review.css b/packages/ui/src/components/session-review.css index 752a075b5..5d9bf4941 100644 --- a/packages/ui/src/components/session-review.css +++ b/packages/ui/src/components/session-review.css @@ -213,6 +213,17 @@ justify-content: flex-end; } + [data-slot="session-review-diff-chevron"] { + display: inline-flex; + color: var(--icon-weaker); + transform: rotate(-90deg); + transition: transform 0.15s ease; + } + + [data-slot="accordion-item"][data-expanded] [data-slot="session-review-diff-chevron"] { + transform: rotate(0deg); + } + [data-slot="session-review-change-group"] { display: inline-flex; align-items: center; diff --git a/packages/ui/src/components/session-review.tsx b/packages/ui/src/components/session-review.tsx index 9fd114cca..537f43522 100644 --- a/packages/ui/src/components/session-review.tsx +++ b/packages/ui/src/components/session-review.tsx @@ -570,7 +570,9 @@ export const SessionReview = (props: SessionReviewProps) => { <DiffChanges changes={diff} /> </Match> </Switch> - <Icon name="chevron-grabber-vertical" size="small" /> + <span data-slot="session-review-diff-chevron"> + <Icon name="chevron-down" size="small" /> + </span> </div> </div> </Accordion.Trigger> |