cloki/view/static/css/main.8a732a36.css.map

LogQL API with Clickhouse Backend

{"version":3,"file":"static/css/main.8a732a36.css","mappings":"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","sources":["scss/vendor/reset.scss","scss/base/body.scss","scss/variables/colors.scss","scss/base/links.scss","scss/base/forms.scss","scss/modules/log-search.scss","scss/modules/filter.scss","scss/tools/mixins.scss","scss/modules/log-view.scss","scss/modules/valuesList.scss","scss/modules/query-bar.scss","scss/modules/status-bar.scss","scss/modules/date-range-picker.scss","scss/modules/notifications.scss"],"sourcesContent":["/* http://meyerweb.com/eric/tools/css/reset/ \r\n   v2.0 | 20110126\r\n   License: none (public domain)\r\n*/\r\n\r\nhtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    font-size: 100%;\r\n    font: inherit;\r\n    vertical-align: baseline; }\r\n  \r\n  /* HTML5 display-role reset for older browsers */\r\n  \r\n  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {\r\n    display: block; }\r\n  \r\n  body {\r\n    line-height: 1; }\r\n  \r\n  ol, ul {\r\n    list-style: none; }\r\n  \r\n  blockquote, q {\r\n    quotes: none; }\r\n  \r\n  blockquote {\r\n    &:before, &:after {\r\n      content: '';\r\n      content: none; } }\r\n  \r\n  q {\r\n    &:before, &:after {\r\n      content: '';\r\n      content: none; } }\r\n  \r\n  table {\r\n    border-collapse: collapse;\r\n    border-spacing: 0; }\r\n\r\nhtml {\r\n  background: #212121;\r\n}","* {\r\n    &::-webkit-scrollbar {\r\n        width: 10px;\r\n    }\r\n\r\n    &::-webkit-scrollbar-thumb {\r\n        border-radius: 10px;\r\n        background: #616161;\r\n    }\r\n}\r\nbody {\r\n    background: $grey-dark;\r\n    font-family: Helvetica, Arial, sans-serif;\r\n    margin: 0 auto;\r\n    padding: 0 auto;\r\n    overflow: hidden;\r\n\r\n    &::-webkit-scrollbar {\r\n        width: 10px;\r\n    }\r\n\r\n    &::-webkit-scrollbar-thumb {\r\n        border-radius: 10px;\r\n        background: #616161;\r\n    }\r\n}\r\nhtml {\r\n    background: $grey-dark;\r\n}\r\n","\r\n$grey-lighter: #919191;\r\n$grey-light: #616161;\r\n$grey-medium: #424242;\r\n$grey-dark: #212121;\r\n$dark-quoise : #11abab;\r\n$dark-quoise-hover : #14b8b8;\r\n$black-quoise: #121212;\r\n$dirty-white: #e8e8e8;\r\n\r\n$loglevel-critical: purple;\r\n$loglevel-error: red;\r\n$loglevel-warning: yellow;\r\n$loglevel-info: green;\r\n$loglevel-debug: blue;\r\n$loglevel-trace: lightblue;\r\n$loglevel-unknown: gray;","a {\r\n    color: white;\r\n    text-decoration: none;\r\n    \r\n    &:hover {\r\n        cursor: pointer;\r\n    }\r\n}","input {\n    color: white;\n}\n\nlabel {\n    color: white;\n}",".log-search {\r\nposition:absolute;\r\n    top:5px;\r\n    left:0;\r\n    height:100%;\r\n    width:100%;\r\n    display:flex;\r\n    flex-direction:column;\r\n}",".filter {\r\n    background: $grey-medium;\r\n    margin-right: 15px;\r\n\r\n    padding: 1rem;\r\n    border-radius: 3px;\r\n    @include box-shadow(1);\r\n\r\n    input {\r\n        &::-webkit-input-placeholder {\r\n            opacity: 0.25;\r\n        }\r\n    }\r\n\r\n\r\n}\r\n.query-bar-container {\r\n    display: flex;\r\n    padding: 3px 6px;\r\n    margin: 5px 0px;\r\n    margin-left: 0px;\r\n    background: #8a8a8a50;\r\n    border-radius: 3px;\r\n}\r\n","@mixin box-shadow ($level) {\r\n\r\n    @if $level == 1 {\r\n        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n    } @else if $level == 2 {\r\n        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);\r\n    } @else if $level == 3 {\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);\r\n    } @else if $level == 4 {\r\n        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n    } @else if $level == 5 {\r\n        box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);\r\n    }\r\n\r\n}",".log-view {\r\n    background: #1a1a1a;\r\n    margin: 6px 8px;\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    position: relative;\r\n    flex: 1;\r\n    border-radius: 3px;\r\n    \r\n\r\n    &::-webkit-scrollbar {\r\n        width: 10px;\r\n    }\r\n\r\n    &::-webkit-scrollbar-thumb {\r\n        border-radius: 10px;\r\n        background: $grey-light;\r\n    }\r\n    .logs-box {\r\n        display: flex;\r\n        min-height: min-content;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .line {\r\n        padding: 0.3rem;\r\n        color: white;\r\n        font-size: 13px;\r\n        cursor: pointer;\r\n        margin-bottom: 4px;\r\n        padding-left: 0.5rem;\r\n        margin-left: 0.25rem;\r\n        transition: 0.2s all;\r\n        &:hover {\r\n            background: black;\r\n        }\r\n\r\n        p {\r\n            display: inline-block;\r\n        }\r\n\r\n        img {\r\n            height: 16px;\r\n            width: auto;\r\n            padding: 0 3px;\r\n        }\r\n\r\n        .timestamp {\r\n            position: relative;\r\n            color: $dirty-white;\r\n            margin-right: 0.25rem;\r\n        }\r\n    }\r\n\r\n    .load-all {\r\n        width: 100%;\r\n    }\r\n\r\n    .progress {\r\n        position: absolute;\r\n        top: 50px;\r\n        left: 0;\r\n        right: 0;\r\n        margin: auto;\r\n    }\r\n}\r\n\r\n.value-tags-container {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: 1px solid rgba(128, 128, 128, 0.466);\r\n    margin: 0.75rem;\r\n    margin-top: 1rem;\r\n    border-radius: 4px;\r\n    padding: 6px;\r\n    max-width: 450px;\r\n    .value-tags {\r\n        font-family: monospace;\r\n        font-size: 12px;\r\n        display: flex;\r\n        margin: 2px;\r\n        padding: 2px;\r\n        flex: 1;\r\n        justify-content: space-between;\r\n\r\n        span {\r\n            padding: 0px 4px;\r\n            display: flex;\r\n            flex: 1;\r\n            line-height: 34px;\r\n            color: #cccccd;\r\n        }\r\n        &:hover {\r\n            background: black;\r\n        }\r\n        .icon {\r\n            padding: 5px;\r\n            flex: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.log-line {\r\n    font-size: 0.95em;\r\n    font-family: monospace;\r\n    color: #ddd;\r\n}\r\n\r\n.critical {\r\n    border-left: 4px solid $loglevel-critical;\r\n}\r\n\r\n.error {\r\n    border-left: 4px solid $loglevel-error;\r\n}\r\n.warning {\r\n    border-left: 4px solid $loglevel-warning;\r\n}\r\n.info {\r\n    border-left: 4px solid $loglevel-info;\r\n}\r\n.debug {\r\n    border-left: 4px solid $loglevel-debug;\r\n}\r\n.trace {\r\n    border-left: 4px solid $loglevel-trace;\r\n}\r\n.unknown {\r\n    border-left: 4px solid $loglevel-unknown;\r\n}\r\n.floatTip{\r\n    background:#262626;\r\n    color:#d1d1d1;\r\n    font-size:10px !important;\r\n    font-family: monospace;\r\n    padding:12px 8px;\r\n    border-radius:3px;\r\n}\r\n\r\n.labelsActive {\r\n    display:flex;\r\n}\r\n\r\n.labelsInactive {\r\n    display:none;\r\n}",".valuesList {\r\n    transition:.2s all;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    flex: 1;\r\n    flex-direction: column;\r\n    font-size: 13px;\r\n\r\n    background: #262626;\r\n    margin: 5px 0px;\r\n    border-radius: 4px;\r\n    transition: 0.2s all;\r\n    .valuelist-title {\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex: 1;\r\n        justify-content: space-between;\r\n        color: white;\r\n        font-size: 1em;\r\n        flex: 1;\r\n        margin: 10px;\r\n    \r\n    }\r\n    .valuelist-content {\r\n        padding: 5px;\r\n        display: flex;\r\n        color: white;\r\n        font-size: 14px;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        max-height: 500px;\r\n        overflow: auto;\r\n        small {\r\n            margin: 5px;\r\n            padding: 4px 8px;\r\n            border-radius: 3px;\r\n            background: #5454543b;\r\n            line-height: 1.5;\r\n            color: #d1d1d1;\r\n            font-size: 12px;\r\n            cursor: pointer;\r\n            align-items: center;\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            max-width: 23ch;\r\n          transition: 1s all;\r\n            &:hover {\r\n                background: #ffffff3a;\r\n           \r\n            }\r\n        }\r\n    }\r\n    .valuelist-filter {\r\n        display: flex;\r\n        flex: 1;\r\n        flex-direction: column;\r\n\r\n\r\n        .valuelist-filter-title {\r\n            font-size: 0.75em;\r\n        }\r\n        input {\r\n            color: white;\r\n            background: $black-quoise;\r\n            padding: 6px 3px;\r\n            border-radius: 4px;\r\n            flex: 1;\r\n            margin: 0px 3px;\r\n            outline: none;\r\n            border: none;\r\n        }\r\n    }\r\n    &::-webkit-scrollbar {\r\n        width: 10px;\r\n    }\r\n\r\n    &::-webkit-scrollbar-thumb {\r\n        border-radius: 10px;\r\n        background: $grey-light;\r\n    }\r\n}\r\n.values-container {\r\n    max-width: 100%;\r\n    .values-container-column {\r\n        display: flex;\r\n        max-width: 100%;\r\n        .values-column {\r\n            margin: 5px;\r\n            border-radius: 3px;\r\n            background: #323131;\r\n            height: auto;\r\n            min-height: 100px;\r\n            min-width: 175px;\r\n            flex:1;\r\n            .column {\r\n                max-height: 350px;\r\n                &::-webkit-scrollbar {\r\n                    width: 10px;\r\n                    color: #58585898;\r\n                    background: #ffffff1f;\r\n                }\r\n                &::-webkit-scrollbar-thumb {\r\n                    border-radius: 10px;\r\n                    background: $grey-light;\r\n                }\r\n            }\r\n            .values-column-title {\r\n                background: #403f3f;\r\n            border-left: 1px solid #ffa60056;\r\n                padding: 8px;\r\n                font-size: 1em;\r\n                border-radius: 4px 4px 0px 0px;\r\n                border-bottom: 2px solid #2e2e2e;\r\n                color:white;\r\n                display: flex;\r\n                flex: 1;\r\n                transition: .2s all;\r\n            \r\n                justify-content: space-between;\r\n        \r\n                .close-column {\r\n                    align-self: flex-end;\r\n                    justify-self: end;\r\n                    color:orange;\r\n                    cursor:pointer;\r\n            \r\n                padding:2px;\r\n                border-radius: 10px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                color:#c9c5c5;\r\n            \r\n                font-size: 10px;\r\n                    &:hover {\r\n                        \r\n                        background:$dark-quoise-hover;\r\n                        \r\n                    color:black;\r\n                \r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n.legend-container {\r\n    margin:3px;\r\n    padding:3px;\r\n    line-height: 1.5;\r\n    .legend-title {\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n    }\r\n    .legend-text {\r\n        font-size: 12px;\r\n        font-family: monospace;\r\n    }\r\n}\r\n\r\n.refresh-button {\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 3px;\r\n    padding: 5px 8px;\r\n    border:none;\r\n    height: 22px;\r\n    font-size: 18px;\r\n    border-radius: 3px;\r\n    background: #b1b1b13b;\r\n    color: #d1d1d1;\r\n    font-size: 0.9em;\r\n    cursor: pointer;\r\n    align-items: center;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    transition: 0.2s all;\r\n    &.haveToRefresh {\r\n        background: $dark-quoise-hover;\r\n    }\r\n    &:hover {\r\n        background: #ffffff3a;\r\n    }\r\n}\r\n\r\n.label-error {\r\n    display:flex;\r\n    align-items: center;\r\n    color:orangered;\r\n    border:1px solid orangered;\r\n    padding:3px 6px;\r\n    border-radius:3px;\r\n    width:250px;\r\n   justify-content: center;\r\n   position:absolute;\r\n   right: 20px;\r\n}",".query-bar {\n    background: none;\n\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    font-family: sans-serif;\n}\n\n.query-bar-input {\n    background: $black-quoise;\n    outline:none;\n    border:none;\n    color: orange;\n    margin:3px;\n    padding:3px 6px;\n    font-size: 1em;\n    font-family: monospace;\n    border-radius: 4px;\n    flex: 1;\n    border:1px solid transparent;\n    transition:.2s all;\n\n    &:focus {\n        border:1px solid $dark-quoise;\n        color:$dark-quoise-hover;\n    }\n}\n\n.show-log-browser {\n    margin: 3px;\n\n    border-radius: 3px;\n   color:$dark-quoise;\n    font-size: 0.85em;\n    display: flex;\n    cursor: pointer;\n    align-items: center;\n    text-overflow: ellipsis;\n    border:1px solid transparent;\n    transition: 0.25s all;\n    width:90px;\n    height:20px;\n    justify-content: center;\n\n    &:hover {\n       \n        border:1px solid $dark-quoise-hover;\n      \n    }\n}\n\nbutton.show-logs {\n    \n        background:$dark-quoise;\n        cursor:pointer;\n        color:white;\n        outline:none;\n        border:none;\n        border-radius:4px;\n        font-weight:bold;\n        margin:3px;\n        transition:.25s all;\n        height:23px;\n        width: 90px;\n        display:flex;\n        align-items:center;\n        justify-content: center;\n        &:hover {\n            background:$dark-quoise-hover;\n        }\n        &:disabled {\n            background:rgb(67, 67, 67);\n            cursor: not-allowed;\n        }\n}\n",".status-bar {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 0px 7px;\r\n}\r\n.status-options {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n.status-selectors {\r\n    display: flex;\r\n    align-items: center;\r\n    .selector {\r\n        margin-left: 10px;\r\n        .label {\r\n            flex: 1;\r\n            color: #bfbfbf;\r\n            white-space: nowrap;;\r\n            text-transform: uppercase;\r\n            border-radius: 3px;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n    & div {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    @media screen and (max-width: 565px) {\r\n        display: none;\r\n    }\r\n}\r\n.date-selector {\r\n    input {\r\n        color: orange;\r\n        background: #121212;\r\n        border: none;\r\n        margin: 3px;\r\n        padding: 3px 6px;\r\n        font-size: 13px;\r\n        border-radius: 3px;\r\n        &.limit {\r\n            width: 50px;\r\n        }\r\n \r\n        &.date-time-range {\r\n            width: 120px;\r\n            color: orange;\r\n            background: #121212;\r\n        }\r\n    }\r\n}\r\n\r\n.logo {\r\nmargin-left: 10px;\r\n}\r\n\r\n.api-url-selector {\r\n    margin-left: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    transition: 0.2s all;\r\n    input {\r\n        color: orange;\r\n        background: #121212;\r\n        border: none;\r\n        margin: 3px;\r\n        padding: 3px 6px;\r\n        font-size: 13px;\r\n        border-radius: 3px;\r\n     \r\n    }\r\n    button {\r\n        display: flex;\r\n        align-items: center;\r\n        height: 20px;\r\n        font-size: 18px;\r\n        border: none;\r\n        margin: 3px;\r\n        padding: 5px 8px;\r\n        border-radius: 3px;\r\n        background: #7b7b7b3b;\r\n        color: #d1d1d1;\r\n        font-size: 0.9em;\r\n        cursor: pointer;\r\n        align-items: center;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        transition: 0.2s all;\r\n        &:hover {\r\n            background: #9e9e9e3b;\r\n        }\r\n    }\r\n}\r\n\r\n.logo-section {\r\n    display: flex;\r\n    align-items: center;\r\n    flex: 1;\r\n}\r\n\r\n.url-copy {\r\n    display: flex;\r\n    align-items: center;\r\n    height: 20px;\r\n    font-size: 18px;\r\n    border: none;\r\n    margin: 3px;\r\n    padding: 5px 8px;\r\n    border-radius: 3px;\r\n    background: #7b7b7b3b;\r\n    // color: #d1d1d1;\r\n    color: orange;\r\n    font-size: 0.9em;\r\n    cursor: pointer;\r\n    align-items: center;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    transition: 0.2s all;\r\n    span {\r\n        margin-left: 4px;\r\n        text-transform: uppercase;\r\n        font-size: 12px;\r\n        color: #d1d1d1;\r\n    }\r\n    &:hover {\r\n        background: #9e9e9e3b;\r\n    }\r\n    &:disabled {\r\n        color: #7b7b7b;\r\n        cursor: not-allowed;\r\n    }\r\n}\r\n@media screen and (max-width: 950px) {\r\n    .url-copy {\r\n        span {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n.copied-warning {\r\n    transition: 0.2s all;\r\n    color: orange;\r\n    font-size: 0.8em;\r\n    text-transform: uppercase;\r\n    margin-right: 10px;\r\n}\r\n.submit-checkbox {\r\n    color: red;\r\n    background-color: green;\r\n}\r\n",".date-time-selector {\r\n    svg {\r\n        font-size: 1.15em;\r\n        margin-right: 3px;\r\n    }\r\n    .tooltip {\r\n        background-color: red;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-items: center;\r\n    }\r\n}\r\n@media screen and (max-width: 1200px) {\r\n    .date-time-selector {\r\n        font-size: 1em;\r\n        padding: 8px;\r\n        color:#ddd;\r\n        line-height: 1.5;\r\n        svg {\r\n            margin-right: 0;\r\n        }\r\n        span {\r\n            display: none;\r\n        }\r\n    }\r\n}",".alertWrapper {\n    position: fixed;\n    bottom: 20px;\n    left: 20px;\n   \n    display: flex;\n    flex-direction: column;\n    z-index: 10000;\n    pointer-events: none;\n    .alert {\n        margin-top: 10px;\n        pointer-events: all;\n    }\n}"],"names":[],"sourceRoot":""}