@jbrowse/plugin-linear-genome-view/esm/LinearGenomeView/components/TrackLabelContainer.js

JBrowse 2 linear genome view

import { jsx as _jsx } from "react/jsx-runtime";
import { cx, makeStyles } from '@jbrowse/core/util/tss-react';
import { observer } from 'mobx-react';
import TrackLabel from "./TrackLabel.js";
const useStyles = makeStyles()({
    trackLabel: {
        zIndex: 2,
    },
    trackLabelOffset: {
        position: 'relative',
        display: 'inline-block',
    },
    trackLabelOverlap: {
        position: 'absolute',
    },
});
const TrackLabelContainer = observer(function TrackLabelContainer({ track, view, }) {
    const { classes } = useStyles();
    const display = track.displays[0];
    const labelStyle = view.trackLabelsSetting !== 'overlapping' || display.prefersOffset
        ? classes.trackLabelOffset
        : classes.trackLabelOverlap;
    return view.trackLabelsSetting !== 'hidden' ? (_jsx(TrackLabel, { track: track, className: cx(classes.trackLabel, labelStyle) })) : null;
});
export default TrackLabelContainer;