Added shift horizontal prop to user details tooltip

ojasjadhav2 · Jul 14, 2023 · f4a6f68 · f4a6f68
1 parent 405fcdf
commit f4a6f68
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/components/UserDetailsTooltip/index.web.js b/src/components/UserDetailsTooltip/index.web.js
@@ -63,6 +63,7 @@ function UserDetailsTooltip(props) {
 
     return (
         <Tooltip
+            shiftHorizontal={props.shiftHorizontal}
             renderTooltipContent={renderTooltipContent}
             renderTooltipContentKey={[userDisplayName, userLogin]}
         >

diff --git a/src/components/UserDetailsTooltip/userDetailsTooltipPropTypes.js b/src/components/UserDetailsTooltip/userDetailsTooltipPropTypes.js
@@ -25,6 +25,10 @@ const propTypes = {
 
     /** The accountID of the copilot who took this action on behalf of the user */
     delegateAccountID: PropTypes.number,
+
+    /** Any additional amount to manually adjust the horizontal position of the tooltip.
+     A positive value shifts the tooltip to the right, and a negative value shifts it to the left. */
+    shiftHorizontal: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
 };
 
 const defaultProps = {
@@ -33,6 +37,7 @@ const defaultProps = {
     personalDetailsList: {},
     delegateAccountID: 0,
     icon: undefined,
+    shiftHorizontal: 0,
 };
 
 export {propTypes, defaultProps};