Slightly thinner label if no color box

GMOD · Jan 25, 2025 · 9e217ea · 9e217ea
1 parent ede12d1
commit 9e217ea
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/plugins/linear-genome-view/src/LinearGenomeView/components/ZoomControls.tsx b/plugins/linear-genome-view/src/LinearGenomeView/components/ZoomControls.tsx
@@ -10,7 +10,6 @@ import { makeStyles } from 'tss-react/mui'
 
 import type { LinearGenomeViewModel } from '..'
 
-
 const useStyles = makeStyles()(theme => ({
   container: {
     display: 'flex',

diff --git a/plugins/variants/src/shared/ColorLegend.tsx b/plugins/variants/src/shared/ColorLegend.tsx
@@ -21,7 +21,8 @@ const ColorLegend = observer(function ({
   const { canDisplayLabels, rowHeight, sources } = model
   const svgFontSize = clamp(rowHeight, 8, 12)
   const colorBoxWidth = 15
-  const legendWidth = labelWidth + colorBoxWidth + 5
+  const hasColors = sources?.some(s => s.color)
+  const legendWidth = labelWidth + (hasColors ? colorBoxWidth + 5 : 0)
 
   return sources ? (
     <>
@@ -49,7 +50,7 @@ const ColorLegend = observer(function ({
             {canDisplayLabels ? (
               <text
                 y={idx * rowHeight + svgFontSize}
-                x={colorBoxWidth + 2}
+                x={color ? colorBoxWidth + 2 : 0}
                 fontSize={svgFontSize}
               >
                 {label || name}