T1

GMOD · Mar 9, 2022 · 5e71c91 · 5e71c91
1 parent f9df9c5
commit 5e71c91
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/plugins/dotplot-view/src/DotplotView/components/DotplotView.tsx b/plugins/dotplot-view/src/DotplotView/components/DotplotView.tsx
@@ -75,9 +75,22 @@ const Grid = observer(
     const vblocks = vview.dynamicBlocks.contentBlocks
     const htop = hview.displayedRegionsTotalPx - hview.offsetPx
     const vtop = vview.displayedRegionsTotalPx - vview.offsetPx
+    const hbottom = hblocks[0]?.offsetPx - hview.offsetPx
+    const vbottom = vblocks[0]?.offsetPx - vview.offsetPx
 
     return (
-      <svg style={{ background: '#fff' }} width={viewWidth} height={viewHeight}>
+      <svg
+        style={{ background: 'rgba(0,0,0,0.12)' }}
+        width={viewWidth}
+        height={viewHeight}
+      >
+        <rect
+          x={hbottom}
+          y={viewHeight - vtop}
+          width={htop - hbottom}
+          height={vtop - vbottom}
+          fill="#fff"
+        />
         <g>
           {hblocks.map(region => {
             const x = region.offsetPx - hview.offsetPx