react-openfin-mat-impl/assets/jss/comp/headerComp.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 headerStyle = (theme) => styles_1.createStyles({
    appBar: {
        backgroundColor: "transparent",
        boxShadow: "none",
        borderBottom: "0",
        margin: `${openfin_starter_constant_1.default.windowBorder}px 0px 0px 0px`,
        position: "absolute",
        width: '100%',
        paddingTop: 0,
        zIndex: theme.zIndex.appBar + 5,
        color: "#555555",
        border: "0",
        borderRadius: "0px",
        padding: "0 0",
        transition: "all 150ms ease 0s",
        minHeight: openfin_starter_constant_1.default.appbarHeight,
        display: "block",
        "-webkit-user-select": "none",
        "-webkit-app-region": "drag",
    },
    container: Object.assign({}, openfin_starter_constant_1.default.container, { height: openfin_starter_constant_1.default.appbarHeight, minHeight: openfin_starter_constant_1.default.appbarHeight }),
    preFlex: {
        display: 'flex',
        flexWrap: 'nowrap',
        position: 'relative',
        top: -openfin_starter_constant_1.default.windowBorder / 2,
        height: openfin_starter_constant_1.default.appbarHeight,
        minHeight: openfin_starter_constant_1.default.appbarHeight,
        maxHeight: openfin_starter_constant_1.default.appbarHeight,
    },
    flex: {
        flex: 1,
        height: openfin_starter_constant_1.default.appbarHeight,
        minHeight: openfin_starter_constant_1.default.appbarHeight,
    },
    postFlex: {
        display: 'flex',
        flexWrap: 'nowrap',
        alignItems: 'baseline',
        position: 'relative',
        top: -openfin_starter_constant_1.default.windowBorder / 2,
        height: openfin_starter_constant_1.default.appbarHeight,
        minHeight: openfin_starter_constant_1.default.appbarHeight,
        maxHeight: openfin_starter_constant_1.default.appbarHeight,
    },
    menuBtn: {
        marginLeft: openfin_starter_constant_1.default.appbarHeight * 0.4,
        backgroundColor: "transparent",
        "-webkit-app-region": "no-drag",
        color: "inherit",
        width: openfin_starter_constant_1.default.appbarHeight,
        height: openfin_starter_constant_1.default.appbarHeight,
        minHeight: openfin_starter_constant_1.default.appbarHeight,
        boxShadow: "none",
        "&:hover,&:focus": {
            background: "transparent",
        },
        "& span svg": {
            width: openfin_starter_constant_1.default.appbarHeight,
            height: openfin_starter_constant_1.default.appbarHeight,
        }
    },
    companyLogImg: {
        height: openfin_starter_constant_1.default.appbarHeight - openfin_starter_constant_1.default.windowBorder,
        marginTop: openfin_starter_constant_1.default.windowBorder / 2,
        marginLeft: openfin_starter_constant_1.default.appbarHeight * 0.4,
        "-webkit-app-region": "no-drag",
    },
    title: Object.assign({}, openfin_starter_constant_1.default.defaultFont, { fontSize: "14px", borderRadius: "3px", textTransform: "none", color: "inherit", height: openfin_starter_constant_1.default.appbarHeight, maxHeight: openfin_starter_constant_1.default.appbarHeight, marginLeft: openfin_starter_constant_1.default.appbarHeight * 0.2, "&:hover,&:focus": {
            background: "transparent",
        } }),
    primary: {
        backgroundColor: openfin_starter_constant_1.default.primaryColor,
        borderLeft: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.primaryColor}`,
        borderRight: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.primaryColor}`,
        color: "#ffffff",
    },
    info: {
        backgroundColor: openfin_starter_constant_1.default.infoColor,
        borderLeft: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.infoColor}`,
        borderRight: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.infoColor}`,
        color: "#ffffff",
    },
    success: {
        backgroundColor: openfin_starter_constant_1.default.successColor,
        borderLeft: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.successColor}`,
        borderRight: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.successColor}`,
        color: "#ffffff",
    },
    warning: {
        backgroundColor: openfin_starter_constant_1.default.warningColor,
        borderLeft: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.warningColor}`,
        borderRight: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.warningColor}`,
        color: "#ffffff",
    },
    danger: {
        backgroundColor: openfin_starter_constant_1.default.dangerColor,
        borderLeft: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.dangerColor}`,
        borderRight: `${openfin_starter_constant_1.default.windowBorder}px solid ${openfin_starter_constant_1.default.dangerColor}`,
        color: "#ffffff",
    },
});
exports.default = headerStyle;
//# sourceMappingURL=headerComp.style.js.map