Set popover icons to placement auto

Former-commit-id: 49e9a7f18cc1fd9e48e6a8a54b451dc786132386
TIER · Aug 4, 2022 · 372bac2 · 372bac2
1 parent 61bd53c
commit 372bac2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/ui/src/app/form/component/InfoIcon.js b/ui/src/app/form/component/InfoIcon.js
@@ -7,7 +7,7 @@ import Button from 'react-bootstrap/Button';
 import Translate from '../../i18n/components/translate';
 import { useTranslator } from '../../i18n/hooks';
 
-export function InfoIcon ({ value = '', placement='left', ...props }) {
+export function InfoIcon ({ value = '', placement='auto', ...props }) {
     const translate = useTranslator();
     return(
         <OverlayTrigger trigger={['hover', 'focus', 'click']} placement={placement} overlay={(

diff --git a/ui/src/app/form/component/fields/DescriptionField.js b/ui/src/app/form/component/fields/DescriptionField.js
@@ -3,7 +3,7 @@ import { InfoIcon } from "../InfoIcon";
 
 const DescriptionField = ({ description }) => {
     if (description) {
-        return <InfoIcon value={description} />;
+        return <InfoIcon value={description} placement="auto" />;
     }
 
     return null;