diff options
| author | usodhi <61431818+usodhi@users.noreply.github.com> | 2020-07-05 23:35:00 +0530 |
|---|---|---|
| committer | usodhi <61431818+usodhi@users.noreply.github.com> | 2020-07-05 23:35:00 +0530 |
| commit | 9cc98267457b0d69d4699b27d881430c169c2c2a (patch) | |
| tree | 797d8802141816d443cc7c92d52972b02e0da243 /src/client/util/GroupManager.tsx | |
| parent | fae27af1a57e88be628a77f9d0a8b1c9e5fe32e2 (diff) | |
simplified exit on outside click + rotating arrow in dropdown menu
Diffstat (limited to 'src/client/util/GroupManager.tsx')
| -rw-r--r-- | src/client/util/GroupManager.tsx | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/src/client/util/GroupManager.tsx b/src/client/util/GroupManager.tsx index 0e710457e..b14dcf55b 100644 --- a/src/client/util/GroupManager.tsx +++ b/src/client/util/GroupManager.tsx @@ -362,6 +362,13 @@ export default class GroupManager extends React.Component<{}> { placeholder={"Select users"} value={this.selectedUsers} closeMenuOnSelect={false} + styles={{ + dropdownIndicator: (base, state) => ({ + ...base, + transition: '0.5s all ease', + transform: state.selectProps.menuIsOpen ? 'rotate(180deg)' : undefined + }) + }} /> </div> <div className="group-content"> |