Merge pull request #2831 from OneCommunityGlobal/rahul-fix-teams-moda…

…l-ui Rahul Fix Teams Modal UI
OneCommunityGlobal · Dec 14, 2024 · f0b3d74 · f0b3d74
2 parents a99db5c + 136ab4a
commit f0b3d74
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 11 deletions.
diff --git a/src/components/Projects/WBS/WBSDetail/wbs.css b/src/components/Projects/WBS/WBSDetail/wbs.css
@@ -3,12 +3,6 @@
   width: calc(100% - 40px);
 }
 
-/*
-.container {
-  overflow: auto;
-}
-*/
-
 .level-space-1 {
   margin-left: 0px;
 }
@@ -265,7 +259,7 @@
 }
 
 .tasks-detail-task-name { /* task column height and width changes*/
-  width: 35%;
+  width: 35%; 
   height: auto; 
 }
 .tasks-detail-actions {  /* action column width reduced */
@@ -275,4 +269,5 @@
   .button-group button {
     margin-bottom: 10px;
   }
-}
+}
+
diff --git a/src/components/Teams/TeamMembersPopup.jsx b/src/components/Teams/TeamMembersPopup.jsx
@@ -198,9 +198,10 @@ export const TeamMembersPopup = React.memo(props => {
           className={darkMode ? 'bg-space-cadet' : ''}
           toggle={closePopup}
         >{`Members of ${props.selectedTeamName}`}</ModalHeader>
-        <ModalBody className={darkMode ? 'bg-yinmn-blue' : ''} style={{ textAlign: 'center' }}>
+        <div
+        className={darkMode ? 'bg-space-cadet' : ''}>
           {canAssignTeamToUsers && (
-            <div className="input-group-prepend" style={{ marginBottom: '10px' }}>
+            <div className="input-group-prepend" style={{ margin: '10px' }}>
               <MembersAutoComplete
                 userProfileData={props.usersdata}
                 existingMembers={validation}
@@ -217,7 +218,8 @@ export const TeamMembersPopup = React.memo(props => {
               </Button>
             </div>
           )}
-
+        </div>
+        <ModalBody className={darkMode ? 'bg-yinmn-blue' : ''} style={{ textAlign: 'center', overflowX: 'auto' }}>
           {duplicateUserAlert ? (
             <Alert color="danger">Member is already a part of this team.</Alert>
           ) : isValidUser === false ? (