@jbrowse/plugin-linear-genome-view
Version:
JBrowse 2 linear genome view
32 lines (31 loc) • 1.4 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const util_1 = require("@jbrowse/core/util");
const material_1 = require("@mui/material");
const mobx_react_1 = require("mobx-react");
const mui_1 = require("tss-react/mui");
const useStyles = (0, mui_1.makeStyles)()({
guide: {
pointerEvents: 'none',
height: '100%',
width: 1,
position: 'absolute',
background: 'red',
zIndex: 1001,
},
tooltipTarget: {
position: 'sticky',
width: 1,
},
});
const VerticalGuide = (0, mobx_react_1.observer)(function VerticalGuide({ model, coordX, }) {
const { classes } = useStyles();
const { stickyViewHeaders, rubberbandTop } = model;
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { open: true, placement: "top", title: (0, util_1.stringify)(model.pxToBp(coordX)), arrow: true, children: (0, jsx_runtime_1.jsx)("div", { className: classes.tooltipTarget, style: {
left: coordX + 6,
top: rubberbandTop,
position: stickyViewHeaders ? 'sticky' : undefined,
} }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.guide, style: { left: coordX } })] }));
});
exports.default = VerticalGuide;