SONARCLOUD-138 Make forms clearer when upgrading an organization (#761)

1 files changed, 7 insertions, 2 deletions

diff --git a/server/sonar-web/src/main/js/components/controls/HelpTooltip.tsx b/server/sonar-web/src/main/js/components/controls/HelpTooltip.tsx
index bc68b868f4d..0cba9b66e12 100644
--- a/server/sonar-web/src/main/js/components/controls/HelpTooltip.tsx
+++ b/server/sonar-web/src/main/js/components/controls/HelpTooltip.tsx
@@ -19,7 +19,7 @@
  */
 import * as React from 'react';
 import * as classNames from 'classnames';
-import Tooltip from './Tooltip';
+import Tooltip, { Placement } from './Tooltip';
 import HelpIcon from '../icons-components/HelpIcon';
 import * as theme from '../../app/theme';
 import './HelpTooltip.css';
@@ -29,6 +29,7 @@ interface Props {
   children?: React.ReactNode;
   onShow?: () => void;
   overlay: React.ReactNode;
+  placement?: Placement;
   tagName?: string;
 }
 
@@ -38,7 +39,11 @@ export default function HelpTooltip(props: Props) {
   return React.createElement(
     tagName,
     { className: classNames('help-tooltip', props.className) },
-    <Tooltip mouseLeaveDelay={0.25} onShow={props.onShow} overlay={props.overlay}>
+    <Tooltip
+      mouseLeaveDelay={0.25}
+      onShow={props.onShow}
+      overlay={props.overlay}
+      placement={props.placement}>
       <span className="display-inline-flex-center">{children}</span>
     </Tooltip>
   );