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

JBrowse 2 linear genome view

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = MaxHeightReached;
const jsx_runtime_1 = require("react/jsx-runtime");
const mui_1 = require("tss-react/mui");
const useStyles = (0, mui_1.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',
    },
});
function MaxHeightReached({ top }) {
    const { classes } = useStyles();
    return ((0, jsx_runtime_1.jsx)("div", { className: classes.heightOverflowed, style: {
            top,
            pointerEvents: 'none',
            height: 16,
        }, children: "Max height reached" }));
}