@jbrowse/plugin-linear-genome-view/esm/BaseLinearDisplay/components/MaxHeightReachedIndicator.js

JBrowse 2 linear genome view

import { jsx as _jsx } from "react/jsx-runtime";
import { memo } from 'react';
import { makeStyles } from '@jbrowse/core/util/tss-react';
const useStyles = makeStyles()({
    heightOverflowed: {
        position: 'absolute',
        color: 'rgb(77,77,77)',
        borderBottom: '2px solid rgb(77,77,77)',
        textShadow: 'white 0px 0px 1px',
        whiteSpace: 'nowrap',
        width: '100%',
        fontWeight: 'bold',
        textAlign: 'center',
        zIndex: 999,
        boxSizing: 'border-box',
    },
});
const MaxHeightReached = memo(function MaxHeightReached({ top, }) {
    const { classes } = useStyles();
    return (_jsx("div", { className: classes.heightOverflowed, style: {
            top,
            pointerEvents: 'none',
            height: 16,
        }, children: "Max height reached" }));
});
export default MaxHeightReached;