Improve the console role user assigning UI

wso2 · Feb 13, 2025 · 6a3ae94 · 6a3ae94
1 parent 5df4868
commit 6a3ae94
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/.changeset/gentle-plants-drop.md b/.changeset/gentle-plants-drop.md
@@ -0,0 +1,5 @@
+---
+"@wso2is/admin.roles.v2": patch
+---
+
+Improve the console role user assigning UI
diff --git a/features/admin.roles.v2/components/edit-role/edit-role-users.tsx b/features/admin.roles.v2/components/edit-role/edit-role-users.tsx
@@ -455,8 +455,6 @@ export const RoleUsersList: FunctionComponent<RoleUsersPropsInterface> = (
                                         <Grid xs={ 12 } sm={ 4 } md={ 8 }>
                                             <Autocomplete
                                                 multiple
-                                                style={ { padding: 0 } }
-                                                size="small"
                                                 disableCloseOnSelect
                                                 loading={ isUserListFetchRequestLoading || isUserSearchLoading }
                                                 options={ users }

diff --git a/features/admin.roles.v2/components/edit-role/edit-role.scss b/features/admin.roles.v2/components/edit-role/edit-role.scss
@@ -1,10 +1,8 @@
 .edit-role {
     &.users {
-        .MuiAutocomplete-tag {
-            margin: 0;
-        }
-
         .MuiFormControl-root {
+            height: 100%;
+
             .MuiSelect-select {
                 padding: 11.5px;
             }
@@ -16,6 +14,10 @@
             .MuiInputBase-adornedEnd {
                 padding: 9.5px;
             }
+
+            .MuiInputBase-formControl {
+                height: 100%;
+            }
         }
     }
 }