Smaller tooltip

GMOD · Apr 6, 2022 · 784f76f · 784f76f
1 parent 49fbf9d
commit 784f76f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/...ns/linear-comparative-view/src/LinearComparativeView/components/LinearComparativeView.tsx b/...ns/linear-comparative-view/src/LinearComparativeView/components/LinearComparativeView.tsx
@@ -70,9 +70,7 @@ const MiddleComparativeView = observer(
         <Header ExtraButtons={ExtraButtons} model={model} />
         <RubberBand
           model={model}
-          ControlComponent={
-            <div style={{ background: '#ccc', width: '100%', height: 20 }} />
-          }
+          ControlComponent={<div style={{ width: '100%', height: 15 }} />}
         />
         <div className={classes.container}>
           <ReactComponent model={views[0]} />
@@ -106,9 +104,7 @@ const OverlayComparativeView = observer(
         <Header model={model} ExtraButtons={ExtraButtons} />
         <RubberBand
           model={model}
-          ControlComponent={
-            <div style={{ background: '#ccc', width: '100%', height: 20 }} />
-          }
+          ControlComponent={<div style={{ width: '100%', height: 15 }} />}
         />
 
         <div className={classes.container}>

diff --git a/plugins/linear-comparative-view/src/LinearComparativeView/components/RubberBand.tsx b/plugins/linear-comparative-view/src/LinearComparativeView/components/RubberBand.tsx
@@ -53,6 +53,9 @@ const useStyles = makeStyles(theme => {
       position: 'absolute',
       zIndex: 10,
     },
+    sm: {
+      fontSize: 10,
+    },
   }
 })
 
@@ -63,9 +66,13 @@ const VerticalGuide = observer(
       <Tooltip
         open
         placement="top"
-        title={model.views.map(view => (
-          <Typography>{stringify(view.pxToBp(coordX))}</Typography>
-        ))}
+        title={model.views
+          .map(view => view.pxToBp(coordX))
+          .map(elt => (
+            <Typography className={classes.sm} key={JSON.stringify(elt)}>
+              {stringify(elt)}
+            </Typography>
+          ))}
         arrow
       >
         <div

diff --git a/plugins/linear-genome-view/src/LinearGenomeView/components/RubberBand.tsx b/plugins/linear-genome-view/src/LinearGenomeView/components/RubberBand.tsx
@@ -9,7 +9,7 @@ import {
 } from '@material-ui/core'
 import { stringify } from '@jbrowse/core/util'
 import { Menu } from '@jbrowse/core/ui'
-import { LinearGenomeViewModel, BpOffset } from '..'
+import { LinearGenomeViewModel } from '..'
 
 type LGV = LinearGenomeViewModel