#538 Add additional information to vector selector compounds

m2ms · Feb 16, 2021 · 3788875 · 3788875
1 parent c65f967
commit 3788875
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/js/components/preview/compounds/compoundDataView.js b/js/components/preview/compounds/compoundDataView.js
@@ -46,7 +46,7 @@ export const CompoundDataView = memo(({ currentCompoundIds, isTooltip, index })
                   {isTooltip === true ? (
                     <div>{data}</div>
                   ) : (
-                    <Tooltip title={data} placement="bottom-start">
+                    <Tooltip title={data} placement="top" PopperProps={{ disablePortal: true }}>
                       <div className={classes.moleculeTitleLabel}>{data}</div>
                     </Tooltip>
                   )}

diff --git a/js/components/preview/compounds/compoundView.js b/js/components/preview/compounds/compoundView.js
@@ -95,7 +95,11 @@ export const CompoundView = memo(({ height, width, data, index }) => {
         }}
         style={current_style}
       >
-        <Tooltip title={<CompoundDataView currentCompoundIds={currentCompoundIds} isTooltip={true} index={index} />}>
+        <Tooltip
+          PopperProps={{ disablePortal: true }}
+          placement="top"
+          title={<CompoundDataView currentCompoundIds={currentCompoundIds} isTooltip={true} index={index} />}
+        >
           <SVGInline svg={image} />
         </Tooltip>
         <CompoundDataView currentCompoundIds={currentCompoundIds} isTooltip={false} index={index} />