[NO-JIRA] Improve search select styling not to truncate text

diff --git a/server/sonar-web/design-system/src/components/input/SearchSelectDropdownControl.tsx b/server/sonar-web/design-system/src/components/input/SearchSelectDropdownControl.tsx
index bba4a3623a75d8d5aa68133cc0ba85a4f8c8e9b8..71c64b2a831174c3f9019271a9f7a445170c4753 100644 (file)
--- a/server/sonar-web/design-system/src/components/input/SearchSelectDropdownControl.tsx
+++ b/server/sonar-web/design-system/src/components/input/SearchSelectDropdownControl.tsx
@@ -116,7 +116,7 @@ const StyledControl = styled.div`
   ${tw`sw-px-3`};
   ${tw`sw-body-sm`};
   ${tw`sw-h-control`};
-  ${tw`sw-leading-4`};
+  ${tw`sw-leading-6`};
   ${tw`sw-cursor-pointer`};
 
   &.is-discreet {

diff --git a/server/sonar-web/src/main/js/apps/issues/components/AssigneeSelect.tsx b/server/sonar-web/src/main/js/apps/issues/components/AssigneeSelect.tsx
index 56df9ef1fe2c677c1732501f1902f1d9d9f0b2c0..329a99c502be84b0f39fb8b04f6242c358a2eceb 100644 (file)
--- a/server/sonar-web/src/main/js/apps/issues/components/AssigneeSelect.tsx
+++ b/server/sonar-web/src/main/js/apps/issues/components/AssigneeSelect.tsx
@@ -45,7 +45,7 @@ function userToOption(user: RestUser | UserActive) {
   return {
     value: user.login,
     label: isUserActive(user) ? userInfo : translateWithParameters('user.x_deleted', userInfo),
-    Icon: <Avatar hash={user.avatar} name={user.name} size="xs" />,
+    Icon: <Avatar hash={user.avatar} name={user.name} size="xs" className="sw-my-1" />,
   };
 }
 

diff --git a/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatePermissionsAddModalRenderer.tsx b/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatePermissionsAddModalRenderer.tsx
index bf4200dd188a2318df22f91cd05916f1d91a1c1c..48a2f5c51677740b26e1a841c05037867c005f85 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatePermissionsAddModalRenderer.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-gates/components/QualityGatePermissionsAddModalRenderer.tsx
@@ -111,7 +111,7 @@ function OptionRenderer({
       {isUser(option) ? (
         <>
           <Avatar
-            className={small ? 'sw-my-1/2' : ''}
+            className={small ? 'sw-my-1' : ''}
             hash={option.avatar}
             name={option.name}
             size={small ? 'xs' : 'sm'}
@@ -124,7 +124,7 @@ function OptionRenderer({
       ) : (
         <>
           <GenericAvatar
-            className={small ? 'sw-my-1/2' : ''}
+            className={small ? 'sw-my-1' : ''}
             Icon={UserGroupIcon}
             name={option.name}
             size={small ? 'xs' : 'sm'}

diff --git a/server/sonar-web/src/main/js/components/issue/components/IssueAssign.tsx b/server/sonar-web/src/main/js/components/issue/components/IssueAssign.tsx
index ca3de9fff1b5917c91a6bbfa6fb0aaea4737da0b..dc2dff2d815d2b2998421861fc79e472861900a3 100644 (file)
--- a/server/sonar-web/src/main/js/components/issue/components/IssueAssign.tsx
+++ b/server/sonar-web/src/main/js/components/issue/components/IssueAssign.tsx
@@ -40,7 +40,7 @@ const minSearchLength = 2;
 const UNASSIGNED = { value: '', label: translate('unassigned') };
 
 const renderAvatar = (name?: string, avatar?: string) => (
-  <Avatar hash={avatar} name={name} size="xs" />
+  <Avatar hash={avatar} name={name} size="xs" className="sw-my-1" />
 );
 
 export default function IssueAssignee(props: Props) {