SONAR-18921 Revert tooltips to use existing SQ tooltip

diff --git a/server/sonar-web/design-system/src/components/index.ts b/server/sonar-web/design-system/src/components/index.ts
index c3fcbab1c4e43fa17244eea437bf9ce531e2cd3c..51847c7a7da17ae10b2b69f8c2feaa3a6ecfc785 100644 (file)
--- a/server/sonar-web/design-system/src/components/index.ts
+++ b/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';

diff --git a/server/sonar-web/src/main/js/app/components/global-search/GlobalSearch.tsx b/server/sonar-web/src/main/js/app/components/global-search/GlobalSearch.tsx
index 4527bef160e53605a47b479d0b4490ce7b579017..1906deb6680b82eaf1636d62ce076993f8a5f68a 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/global-search/GlobalSearch.tsx
+++ b/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';

diff --git a/server/sonar-web/src/main/js/app/components/nav/component/Menu.tsx b/server/sonar-web/src/main/js/app/components/nav/component/Menu.tsx
index 203ca48f86df6445427aa305e8014de3c434deb2..ffbda93552d0818b08d9d4b9eaa6d825b7c52d64 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/nav/component/Menu.tsx
+++ b/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';

diff --git a/server/sonar-web/src/main/js/app/components/nav/global/GlobalNavUser.tsx b/server/sonar-web/src/main/js/app/components/nav/global/GlobalNavUser.tsx
index 64b75fa607cbbe7ccbcf625eebf14a3bbc0ef9cd..b896525067551135f3668d077fdbb6ceedf1949e 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/nav/global/GlobalNavUser.tsx
+++ b/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';

diff --git a/server/sonar-web/src/main/js/apps/settings/components/DefinitionDescription.tsx b/server/sonar-web/src/main/js/apps/settings/components/DefinitionDescription.tsx
index 57e3e16812cc5b4d3c623db8c32a6c13752862a7..6f866b2a9e3bb7d755982154200f1819766dda7c 100644 (file)
--- a/server/sonar-web/src/main/js/apps/settings/components/DefinitionDescription.tsx
+++ b/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';

diff --git a/server/sonar-web/src/main/js/components/controls/HomePageSelect.tsx b/server/sonar-web/src/main/js/components/controls/HomePageSelect.tsx
index 18d523634927423607a5d9fe8d403c3631ed0427..7dbd5151244784c5a797b8208e737f0de1df018c 100644 (file)
--- a/server/sonar-web/src/main/js/components/controls/HomePageSelect.tsx
+++ b/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'> {

diff --git a/server/sonar-web/src/main/js/components/controls/Tooltip.css b/server/sonar-web/src/main/js/components/controls/Tooltip.css
index 55f51d2dabf875146b14369789a0535e7a241911..e532c2a48e50fc073909e359c81ef970f976d894 100644 (file)
--- a/server/sonar-web/src/main/js/components/controls/Tooltip.css
+++ b/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;

diff --git a/server/sonar-web/src/main/js/components/embed-docs-modal/EmbedDocsPopupHelper.tsx b/server/sonar-web/src/main/js/components/embed-docs-modal/EmbedDocsPopupHelper.tsx
index 5299c1cd586cc9cd65364c5185d2c27eb8b0fc0f..59af54f755d3c57573758f64e62d708d6fb1b977 100644 (file)
--- a/server/sonar-web/src/main/js/components/embed-docs-modal/EmbedDocsPopupHelper.tsx
+++ b/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() {