SONAR-18921 Revert tooltips to use existing SQ tooltip

server/sonar-web/design-system/src/components/index.ts

@@ -40,5 +40,4 @@ export * from './popups';
 export { default as QualityGateIndicator } from './QualityGateIndicator';
 export * from './SonarQubeLogo';
 export * from './Text';
-export { default as Tooltip } from './Tooltip';
 export { TopBar } from './TopBar';

server/sonar-web/src/main/js/app/components/global-search/GlobalSearch.tsx

@@ -27,12 +27,12 @@ import {
   PopupZLevel,
   PortalPopup,
   TextMuted,
-  Tooltip,
 } from 'design-system';
 import { debounce, uniqBy } from 'lodash';
 import * as React from 'react';
 import { getSuggestions } from '../../../api/components';
 import OutsideClickHandler from '../../../components/controls/OutsideClickHandler';
+import Tooltip from '../../../components/controls/Tooltip';
 import { Router, withRouter } from '../../../components/hoc/withRouter';
 import { PopupPlacement } from '../../../components/ui/popups';
 import { isInput, isShortcut } from '../../../helpers/keyboardEventHelpers';

server/sonar-web/src/main/js/app/components/nav/component/Menu.tsx

@@ -24,9 +24,9 @@ import {
   Link,
   NavBarTabLink,
   NavBarTabs,
-  Tooltip,
 } from 'design-system';
 import * as React from 'react';
+import Tooltip from '../../../../components/controls/Tooltip';
 import { getBranchLikeQuery, isPullRequest } from '../../../../helpers/branch-like';
 import { hasMessage, translate, translateWithParameters } from '../../../../helpers/l10n';
 import { getPortfolioUrl, getProjectQueryUrl } from '../../../../helpers/urls';

server/sonar-web/src/main/js/app/components/nav/global/GlobalNavUser.tsx

@@ -24,9 +24,9 @@ import {
   Dropdown,
   PopupPlacement,
   PopupZLevel,
-  Tooltip,
 } from 'design-system';
 import * as React from 'react';
+import Tooltip from '../../../../components/controls/Tooltip';
 import { translate } from '../../../../helpers/l10n';
 import { getBaseUrl } from '../../../../helpers/system';
 import { GlobalSettingKeys } from '../../../../types/settings';

server/sonar-web/src/main/js/apps/settings/components/DefinitionDescription.tsx

@@ -17,8 +17,8 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
-import { Tooltip } from 'design-system/lib';
 import * as React from 'react';
+import Tooltip from '../../../components/controls/Tooltip';
 import { translateWithParameters } from '../../../helpers/l10n';
 import { sanitizeStringRestricted } from '../../../helpers/sanitize';
 import { ExtendedSettingDefinition } from '../../../types/settings';

server/sonar-web/src/main/js/components/controls/HomePageSelect.tsx

@@ -18,7 +18,7 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 import classNames from 'classnames';
-import { DiscreetInteractiveIcon, HomeFillIcon, HomeIcon, Tooltip } from 'design-system';
+import { DiscreetInteractiveIcon, HomeFillIcon, HomeIcon } from 'design-system';
 import * as React from 'react';
 import { setHomePage } from '../../api/users';
 import { CurrentUserContextInterface } from '../../app/components/current-user/CurrentUserContext';
@@ -26,6 +26,7 @@ import withCurrentUserContext from '../../app/components/current-user/withCurren
 import { translate } from '../../helpers/l10n';
 import { isSameHomePage } from '../../helpers/users';
 import { HomePage, isLoggedIn } from '../../types/users';
+import Tooltip from './Tooltip';
 
 interface Props
   extends Pick<CurrentUserContextInterface, 'currentUser' | 'updateCurrentUserHomepage'> {

server/sonar-web/src/main/js/components/controls/Tooltip.css

@@ -50,10 +50,10 @@
 }
 
 .tooltip-inner {
-  max-width: 300px;
+  max-width: 22rem;
   text-align: left;
   text-decoration: none;
-  border-radius: 4px;
+  border-radius: 8px;
   overflow: hidden;
   word-break: break-word;
   padding: 12px 17px;

server/sonar-web/src/main/js/components/embed-docs-modal/EmbedDocsPopupHelper.tsx

@@ -23,10 +23,10 @@ import {
   MenuHelpIcon,
   PopupPlacement,
   PopupZLevel,
-  Tooltip,
 } from 'design-system';
 import * as React from 'react';
 import { translate } from '../../helpers/l10n';
+import Tooltip from '../controls/Tooltip';
 import { EmbedDocsPopup } from './EmbedDocsPopup';
 
 export default function EmbedDocsPopupHelper() {