jbrowse-plugin-mafviewer 1.2.1 → 1.2.2

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.1",
+  "version": "1.2.2",
   "license": "MIT",
   "name": "jbrowse-plugin-mafviewer",
   "keywords": [

package/src/LinearMafDisplay/components/ColorLegend.tsx

@@ -43,10 +43,10 @@ const ColorLegend = observer(function ({
           ? samples.map((sample, idx) => (
               <text
                 key={`${sample.id}-${idx}`}
-                y={idx * rowHeight + rowHeight / 2}
                 dominantBaseline="middle"
-                x={2}
                 fontSize={svgFontSize}
+                x={2}
+                y={idx * rowHeight + rowHeight / 2}
               >
                 {sample.label}
               </text>

package/src/LinearMafDisplay/components/RectBg.tsx

@@ -7,7 +7,7 @@ const RectBg = (props: {
   height: number
   color?: string
 }) => {
-  const { color = 'rgb(255,255,255,0.8)' } = props
+  const { color = 'rgb(255,255,255,0.5)' } = props
   return <rect {...props} fill={color} />
 }
 

package/src/LinearMafDisplay/stateModel.ts

@@ -244,7 +244,7 @@ export default function stateModelFactory(
           return {
             ...s,
             notReady:
-              !self.volatileSamples || !self.volatileTree || super.notReady,
+              (!self.volatileSamples && !self.volatileTree) || super.notReady,
             config: rendererConfig,
             samples,
             rowHeight,
@@ -260,16 +260,36 @@ export default function stateModelFactory(
           return [
             ...superTrackMenuItems(),
             {
-              label: 'Set row height',
-              onClick: () => {
-                getSession(self).queueDialog(handleClose => [
-                  SetRowHeightDialog,
-                  {
-                    model: self,
-                    handleClose,
+              label: 'Set feature height',
+              type: 'subMenu',
+              subMenu: [
+                {
+                  label: 'Normal',
+                  onClick: () => {
+                    self.setRowHeight(15)
+                    self.setRowProportion(0.8)
                   },
-                ])
-              },
+                },
+                {
+                  label: 'Compact',
+                  onClick: () => {
+                    self.setRowHeight(8)
+                    self.setRowProportion(0.9)
+                  },
+                },
+                {
+                  label: 'Manually set height',
+                  onClick: () => {
+                    getSession(self).queueDialog(handleClose => [
+                      SetRowHeightDialog,
+                      {
+                        model: self,
+                        handleClose,
+                      },
+                    ])
+                  },
+                },
+              ],
             },
             {
               label: 'Show all letters',