Multibigwig

Author: cmdcolin

plugins/wiggle/src/MultiLinearWiggleDisplay/components/LegendItem.tsx

@@ -18,40 +18,23 @@ const LegendItem = function ({
   model: WiggleDisplayModel
   exportSVG?: boolean
 }) {
-  const boxHeight = Math.min(20, rowHeight)
+  const boxHeight = rowHeight //Math.min(20, rowHeight)
   const {
     needsCustomLegend,
     graphType,
     needsFullHeightScalebar,
     rowHeightTooSmallForScalebar,
     renderColorBoxes,
   } = model
-  const svgFontSize = Math.min(rowHeight, 12)
-  const canDisplayLabel = rowHeight > 11
+  const svgFontSize = rowHeight
+  const canDisplayLabel = rowHeight >= 6
   const colorBoxWidth = renderColorBoxes ? 15 : 0
   const legendWidth = labelWidth + colorBoxWidth + 5
   const svgOffset = exportSVG ? 10 : 0
   const extraOffset =
     svgOffset || (graphType && !rowHeightTooSmallForScalebar ? 50 : 0)
   return (
     <>
-      {needsFullHeightScalebar ? null : (
-        <RectBg
-          y={idx * rowHeight + 1}
-          x={extraOffset}
-          width={legendWidth}
-          height={boxHeight}
-        />
-      )}
-      {source.color ? (
-        <RectBg
-          y={idx * rowHeight + 1}
-          x={extraOffset}
-          width={colorBoxWidth}
-          height={needsCustomLegend ? rowHeight : boxHeight}
-          color={source.color}
-        />
-      ) : null}
       {canDisplayLabel ? (
         <text
           y={idx * rowHeight + 13}

plugins/wiggle/src/MultiLinearWiggleDisplay/model.ts

@@ -377,11 +377,11 @@ export function stateModelFactory(
     })
     .views(self => ({
       get legendFontSize() {
-        return Math.min(self.rowHeight, 12)
+        return Math.min(self.rowHeight, 8)
       },
 
       get canDisplayLegendLabels() {
-        return self.rowHeight > 11
+        return self.rowHeight > 7
       },
 
       get labelWidth() {