@skbkontur/cassandra-distributed-task-queue-ui/components/TaskTimeLine/TimeLine/TimeLine.styles.js

.NET library implementing distributed task queue machinery using Apache Cassandra

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.jsStyles = void 0;
const Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
exports.jsStyles = {
    branch() {
        return (0, Emotion_1.css) `
            padding-top: 10px;
            position: relative;

            &:not(:first-child) {
                margin-left: 10px;
            }
        `;
    },
    lineUp(t) {
        return (0, Emotion_1.css) `
            position: absolute;
            top: 0;
            left: 6px;
            bottom: 0;
            height: 10px;
            width: 1px;
            background-color: ${t.borderColorGrayDark};
        `;
    },
    date(t) {
        return (0, Emotion_1.css) `
            font-size: 12px;
            color: ${t.textColorDisabled};
        `;
    },
    horLine(t) {
        return (0, Emotion_1.css) `
            position: absolute;
            top: 0;
            left: 6px;
            right: 0;
            height: 1px;
            background-color: ${t.borderColorGrayDark};
        `;
    },
    branchNode() {
        return (0, Emotion_1.css) `
            position: relative;
            display: inline-block;
        `;
    },
    branchNodes() {
        return (0, Emotion_1.css) `
            display: flex;
            flex-direction: row;
        `;
    },
    cycle() {
        return (0, Emotion_1.css) `
            display: flex;
            flex-direction: row;
        `;
    },
    cycleInfo() {
        return (0, Emotion_1.css) `
            margin-left: 10px;
        `;
    },
    cycleIcon() {
        return (0, Emotion_1.css) `
            margin-left: 10px;
            margin-right: -5px;
        `;
    },
    lines(t) {
        return (0, Emotion_1.css) `
            margin-left: 10px;
            position: relative;
            overflow: hidden;
            min-width: 10px;

            > div {
                background-color: ${t.borderColorGrayDark};
                position: absolute;
            }
        `;
    },
    line2() {
        return (0, Emotion_1.css) `
            position: absolute;
            top: 10px;
            right: 0;
            bottom: 10px;
            width: 1px;
        `;
    },
    line1() {
        return (0, Emotion_1.css) `
            top: 10px;
            left: 0;
            right: 0;
            height: 1px;
        `;
    },
    line3() {
        return (0, Emotion_1.css) `
            bottom: 10px;
            left: 0;
            right: 0;
            height: 1px;
        `;
    },
    entry() {
        return (0, Emotion_1.css) `
            display: flex;
            flex-direction: row;
        `;
    },
    icon() {
        return (0, Emotion_1.css) `
            position: relative;
            text-align: center;
        `;
    },
    line(t) {
        return (0, Emotion_1.css) `
            position: absolute;
            top: 20px;
            left: 6px;
            bottom: 0;
            width: 1px;
            background-color: ${t.borderColorGrayDark};
        `;
    },
    content() {
        return (0, Emotion_1.css) `
            margin-left: 10px;
            margin-bottom: 10px;
        `;
    },
    root() {
        return (0, Emotion_1.css) `
            > .__root-entry:last-child {
                .__root-entry-line {
                    display: none;
                }

                .__root-entry-content {
                    margin-bottom: 0;
                }
            }

            > .__root-cycle:last-child > .__root-cycle-entries > .__root-entry:last-child {
                .__root-entry-line {
                    display: none;
                }

                .__root-entry-content {
                    margin-bottom: 0;
                }
            }
        `;
    },
};
//# sourceMappingURL=TimeLine.styles.js.map