react-openfin-mat-impl/assets/jss/layout/dashboardLayout.style.js

Materialize UI implementation of react-openfin

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const styles_1 = require("@material-ui/core/styles");
const openfin_starter_constant_1 = require("../openfin-starter-constant");
const appStyle = (theme) => styles_1.createStyles({
    wrapper: {
        position: "relative",
        top: "0",
        height: "100vh",
        color: theme.palette.text.primary,
        backgroundColor: theme.palette.background.default,
    },
    wrapperPrimary: {
        borderTop: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.primaryColor}`,
    },
    wrapperInfo: {
        borderTop: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.infoColor}`,
    },
    wrapperWarning: {
        borderTop: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.warningColor}`,
    },
    wrapperDanger: {
        borderTop: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.dangerColor}`,
    },
    wrapperSuccess: {
        borderTop: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.successColor}`,
    },
    mainPanel: {
        overflow: 'auto',
        position: "relative",
        float: "right",
        height: "100%",
        width: `calc(100% - ${openfin_starter_constant_1.default.drawerWidth}px)`,
        overflowScrolling: 'touch',
    },
    mainPanelShift: {
        width: `calc(100%)`,
        transition: theme.transitions.create('width', {
            easing: theme.transitions.easing.easeOut,
            duration: theme.transitions.duration.enteringScreen,
        })
    },
    content: {
        position: 'relative',
        marginTop: "0px",
        padding: `0px ${openfin_starter_constant_1.default.windowBorder}px`,
        height: "100%",
        overflowX: 'hidden',
        boxShadow: `inset 0 0 ${openfin_starter_constant_1.default.windowBorder}px #ffffff`,
    },
    lightBoxShaddow: {
        boxShadow: `inset 0 0 ${openfin_starter_constant_1.default.windowBorder}px #000000`,
    },
    container: {
        position: 'absolute',
        top: openfin_starter_constant_1.default.appbarHeight,
        left: "0px",
        right: "0px",
        bottom: "0px",
    },
    snackbarCloseBtn: {
        width: theme.spacing(4),
        height: theme.spacing(4),
    },
});
exports.default = appStyle;
//# sourceMappingURL=dashboardLayout.style.js.map