Smaller tooltip

GMOD · Apr 6, 2022 · 399a3b3 · 399a3b3
1 parent 2ae4e73
commit 399a3b3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 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