You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
940 lines
32 KiB
940 lines
32 KiB
<!DOCTYPE html>
|
|
<html class="no-js" lang="">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<title>App Content Manager</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
|
|
<style>
|
|
.workflowcardaction {
|
|
cursor: default !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
.workflowcardaction:hover {
|
|
cursor: default !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
.workflowrows {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.workflowrows:hover {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.notallowedoption {
|
|
cursor: 'not-allowed';
|
|
}
|
|
|
|
.sbversion {
|
|
line-height: 40px !important;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.documentation_dark > p {
|
|
color: white;
|
|
}
|
|
|
|
.documentation_light > p {
|
|
color: #2c2c2c;
|
|
}
|
|
|
|
.partitionButton[disabled] {
|
|
background: #feedf3 !important;
|
|
color: #dad8d8 !important;
|
|
}
|
|
|
|
.partitionButton {
|
|
background: #bd456a !important;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.workflowcard {
|
|
max-width: 600px;
|
|
width: 18%;
|
|
min-width: 260px;
|
|
max-height: 275px;
|
|
min-height: 275px;
|
|
background-size: cover !important;
|
|
background-repeat: no-repeat !important;
|
|
background-position: -130px 42px !important;
|
|
}
|
|
|
|
.servercard {
|
|
max-width: 600px;
|
|
width: 18%;
|
|
min-width: 260px;
|
|
max-height: 275px;
|
|
min-height: 275px;
|
|
background-size: contain !important;
|
|
background-repeat: no-repeat !important;
|
|
background-position: 200px 25px !important;
|
|
}
|
|
|
|
.elemBorder {
|
|
background: linear-gradient(
|
|
-30deg,
|
|
#f99d1c 8.98%,
|
|
#f99c1c 9.4%,
|
|
#f4781f 21.71%,
|
|
#f16221 31.74%,
|
|
#f05a22 38.17%,
|
|
#ee1d62 64.89%,
|
|
#ce0070 76.39%
|
|
);
|
|
}
|
|
.bottomBorder {
|
|
background: linear-gradient(
|
|
-30deg,
|
|
#f99d1c 8.98%,
|
|
#f99c1c 9.4%,
|
|
#f4781f 21.71%,
|
|
#f16221 31.74%,
|
|
#f05a22 38.17%,
|
|
#ee1d62 64.89%,
|
|
#ce0070 76.39%
|
|
);
|
|
position: relative;
|
|
bottom: 0px;
|
|
height: 4px;
|
|
width: 100%;
|
|
display: block;
|
|
border-bottom-right-radius: 10px;
|
|
border-bottom-left-radius: 10px;
|
|
}
|
|
.download-image .download-btn {
|
|
border: 1px solid #eee;
|
|
background: #ebf8ff;
|
|
padding: 10px 20px;
|
|
border-radius: 5px;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.download-image .download-btn:hover {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.text-updater-node {
|
|
height: fit-content;
|
|
width: fit-content;
|
|
border: 1px solid #eee;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
color: white;
|
|
}
|
|
|
|
span:has(
|
|
div[class^='SwitchStyles__StyledSome'],
|
|
div[class*=' SwitchStyles__StyledSome']
|
|
):not([disabled]) {
|
|
border-color: #bd456a !important;
|
|
background-color: #bd456a !important;
|
|
border-radius: 9px !important;
|
|
}
|
|
|
|
*[class^='SwitchStyles__StyledCheckboxClickable']:has(svg):not([disabled]),
|
|
*[class*=' SwitchStyles__StyledCheckboxClickable']:has(svg):not([disabled]) {
|
|
border-color: #bd456a !important;
|
|
background-color: #bd456a !important;
|
|
border-radius: 9px !important;
|
|
}
|
|
|
|
*[class^='SwitchStyles__StyledCheckboxClickable'],
|
|
*[class*=' SwitchStyles__StyledCheckboxClickable'] {
|
|
border-radius: 9px !important;
|
|
}
|
|
|
|
.imgmode:hover {
|
|
/* Start the shake animation and make the animation last for 0.5 seconds */
|
|
animation: shake 2s, 0.5s, 1s;
|
|
|
|
/* When the animation is finished, start again */
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
@keyframes shake {
|
|
0% {
|
|
transform: translate(1px, 1px) rotate(0deg);
|
|
}
|
|
10% {
|
|
transform: translate(-1px, -2px) rotate(-1deg);
|
|
}
|
|
20% {
|
|
transform: translate(-3px, 0px) rotate(1deg);
|
|
}
|
|
30% {
|
|
transform: translate(3px, 2px) rotate(0deg);
|
|
}
|
|
40% {
|
|
transform: translate(1px, -1px) rotate(1deg);
|
|
}
|
|
50% {
|
|
transform: translate(-1px, 2px) rotate(-1deg);
|
|
}
|
|
60% {
|
|
transform: translate(-3px, 1px) rotate(0deg);
|
|
}
|
|
70% {
|
|
transform: translate(3px, 1px) rotate(-1deg);
|
|
}
|
|
80% {
|
|
transform: translate(-1px, -1px) rotate(1deg);
|
|
}
|
|
90% {
|
|
transform: translate(1px, 2px) rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: translate(1px, -2px) rotate(-1deg);
|
|
}
|
|
}
|
|
|
|
div[class^='HeaderStyles__StyledSubtitle'],
|
|
div[class*=' HeaderStyles__StyledSubtitle'] {
|
|
text-wrap: wrap !important;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
[aria-selected='true'] > div[class^='TabStyles__StyledUnderline'],
|
|
[aria-selected='true'] > div[class*=' TabStyles__StyledUnderline'] {
|
|
background-color: #bd456a !important;
|
|
width: 3px !important;
|
|
}
|
|
|
|
button[class^='TabStyles__StyledClickable'][disabled],
|
|
button[class*='TabStyles__StyledClickable'][disabled] {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
*:not(
|
|
div[class^='PopoverStyles__Styled'],
|
|
div[class*=' PopoverStyles__Styled'],
|
|
div[class^='CardStyles__Styled'],
|
|
div[class*=' CardStyles__Styled'],
|
|
*[class^='keepshadow'],
|
|
*[class*=' keepshadow']
|
|
) {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
div[role='main'] > div {
|
|
margin: 0px;
|
|
}
|
|
|
|
div[data-view='views/shared/appbar/Master'] {
|
|
display: none;
|
|
}
|
|
|
|
div[role='main'] > div > div {
|
|
margin: 0px;
|
|
}
|
|
|
|
.clickedcard {
|
|
border: 3px #bd456a solid !important;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.maintabimg {
|
|
width: 27px;
|
|
height: 27px;
|
|
}
|
|
|
|
#maintab > div > button {
|
|
width: 140px;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.maintabmenu_light[aria-selected='true'] {
|
|
border-bottom: 5px #b23a60 solid;
|
|
}
|
|
|
|
.maintabmenu_dark[aria-selected='true'] {
|
|
border-bottom: 5px #feedf3 solid;
|
|
}
|
|
|
|
.react-slideshow-container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
.react-slideshow-container .nav {
|
|
z-index: 10;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
}
|
|
.react-slideshow-container .nav:first-of-type {
|
|
left: 0;
|
|
}
|
|
.react-slideshow-container .nav:last-of-type {
|
|
right: 0;
|
|
}
|
|
.react-slideshow-container .default-nav {
|
|
height: 30px;
|
|
background: rgba(255, 255, 255, 0.6);
|
|
width: 30px;
|
|
border: 0;
|
|
text-align: center;
|
|
color: #fff;
|
|
border-radius: 50%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.react-slideshow-container .default-nav:hover,
|
|
.react-slideshow-container .default-nav:focus {
|
|
background: #fff;
|
|
color: #666;
|
|
outline: 0;
|
|
}
|
|
.react-slideshow-container .default-nav.disabled:hover {
|
|
cursor: not-allowed;
|
|
}
|
|
.react-slideshow-container .default-nav:first-of-type {
|
|
margin-right: -30px;
|
|
border-right: 0;
|
|
border-top: 0;
|
|
}
|
|
.react-slideshow-container .default-nav:last-of-type {
|
|
margin-left: -30px;
|
|
}
|
|
.react-slideshow-container + ul.indicators {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
margin-top: 20px;
|
|
}
|
|
.react-slideshow-container + ul.indicators li {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 7px;
|
|
height: 7px;
|
|
padding: 5px;
|
|
margin: 0;
|
|
}
|
|
.react-slideshow-container + ul.indicators .each-slideshow-indicator {
|
|
border: 0;
|
|
opacity: 0.25;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
color: transparent;
|
|
}
|
|
.react-slideshow-container + ul.indicators .each-slideshow-indicator:before {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 7px;
|
|
height: 7px;
|
|
border-radius: 50%;
|
|
content: '';
|
|
background: #000;
|
|
text-align: center;
|
|
}
|
|
.react-slideshow-container + ul.indicators .each-slideshow-indicator:hover,
|
|
.react-slideshow-container + ul.indicators .each-slideshow-indicator.active {
|
|
opacity: 0.75;
|
|
outline: 0;
|
|
}
|
|
.react-slideshow-fadezoom-wrapper {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap > div {
|
|
position: relative;
|
|
opacity: 0;
|
|
}
|
|
.react-slideshow-wrapper .react-slideshow-fade-images-wrap > div[aria-hidden='true'] {
|
|
display: none;
|
|
}
|
|
.react-slideshow-wrapper.slide {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.react-slideshow-wrapper .images-wrap {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
.react-slideshow-wrapper .images-wrap > div[aria-hidden='true'] {
|
|
display: none;
|
|
}
|
|
|
|
/*REACT FLOW*/
|
|
/* this gets exported as style.css and can be used for the default theming */
|
|
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
|
|
.react-flow__container {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.react-flow__pane {
|
|
z-index: 1;
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
}
|
|
.react-flow__pane.selection {
|
|
cursor: pointer;
|
|
}
|
|
.react-flow__pane.dragging {
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing;
|
|
}
|
|
.react-flow__viewport {
|
|
transform-origin: 0 0;
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
}
|
|
.react-flow__renderer {
|
|
z-index: 4;
|
|
}
|
|
.react-flow__selection {
|
|
z-index: 6;
|
|
}
|
|
.react-flow__nodesselection-rect:focus,
|
|
.react-flow__nodesselection-rect:focus-visible {
|
|
outline: none;
|
|
}
|
|
.react-flow .react-flow__edges {
|
|
pointer-events: none;
|
|
overflow: visible;
|
|
}
|
|
.react-flow__edge-path,
|
|
.react-flow__connection-path {
|
|
stroke: #b1b1b7;
|
|
stroke-width: 1;
|
|
fill: none;
|
|
}
|
|
.react-flow__edge {
|
|
pointer-events: visibleStroke;
|
|
cursor: pointer;
|
|
}
|
|
.react-flow__edge.animated path {
|
|
stroke-dasharray: 5;
|
|
-webkit-animation: dashdraw 0.5s linear infinite;
|
|
animation: dashdraw 0.5s linear infinite;
|
|
}
|
|
.react-flow__edge.animated path.react-flow__edge-interaction {
|
|
stroke-dasharray: none;
|
|
-webkit-animation: none;
|
|
animation: none;
|
|
}
|
|
.react-flow__edge.inactive {
|
|
pointer-events: none;
|
|
}
|
|
.react-flow__edge.selected,
|
|
.react-flow__edge:focus,
|
|
.react-flow__edge:focus-visible {
|
|
outline: none;
|
|
}
|
|
.react-flow__edge.selected .react-flow__edge-path,
|
|
.react-flow__edge:focus .react-flow__edge-path,
|
|
.react-flow__edge:focus-visible .react-flow__edge-path {
|
|
stroke: #555;
|
|
}
|
|
.react-flow__edge-textwrapper {
|
|
pointer-events: all;
|
|
}
|
|
.react-flow__edge-textbg {
|
|
fill: white;
|
|
}
|
|
.react-flow__edge .react-flow__edge-text {
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.react-flow__connection {
|
|
pointer-events: none;
|
|
}
|
|
.react-flow__connection .animated {
|
|
stroke-dasharray: 5;
|
|
-webkit-animation: dashdraw 0.5s linear infinite;
|
|
animation: dashdraw 0.5s linear infinite;
|
|
}
|
|
.react-flow__connectionline {
|
|
z-index: 1001;
|
|
}
|
|
.react-flow__nodes {
|
|
pointer-events: none;
|
|
transform-origin: 0 0;
|
|
}
|
|
.react-flow__node {
|
|
position: absolute;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
pointer-events: all;
|
|
transform-origin: 0 0;
|
|
box-sizing: border-box;
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
}
|
|
.react-flow__node.dragging {
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing;
|
|
}
|
|
.react-flow__nodesselection {
|
|
z-index: 3;
|
|
transform-origin: left top;
|
|
pointer-events: none;
|
|
}
|
|
.react-flow__nodesselection-rect {
|
|
position: absolute;
|
|
pointer-events: all;
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
}
|
|
.react-flow__handle {
|
|
position: absolute;
|
|
pointer-events: none;
|
|
min-width: 5px;
|
|
min-height: 5px;
|
|
width: 6px;
|
|
height: 6px;
|
|
background: #1a192b;
|
|
border: 1px solid white;
|
|
border-radius: 100%;
|
|
}
|
|
.react-flow__handle.connectionindicator {
|
|
pointer-events: all;
|
|
cursor: crosshair;
|
|
}
|
|
.react-flow__handle-bottom {
|
|
top: auto;
|
|
left: 50%;
|
|
bottom: -4px;
|
|
transform: translate(-50%, 0);
|
|
}
|
|
.react-flow__handle-top {
|
|
left: 50%;
|
|
top: -4px;
|
|
transform: translate(-50%, 0);
|
|
}
|
|
.react-flow__handle-left {
|
|
top: 50%;
|
|
left: -4px;
|
|
transform: translate(0, -50%);
|
|
}
|
|
.react-flow__handle-right {
|
|
right: -4px;
|
|
top: 50%;
|
|
transform: translate(0, -50%);
|
|
}
|
|
.react-flow__edgeupdater {
|
|
cursor: move;
|
|
pointer-events: all;
|
|
}
|
|
.react-flow__panel {
|
|
position: absolute;
|
|
z-index: 5;
|
|
margin: 15px;
|
|
}
|
|
.react-flow__panel.top {
|
|
top: 0;
|
|
}
|
|
.react-flow__panel.bottom {
|
|
bottom: 0;
|
|
}
|
|
.react-flow__panel.left {
|
|
left: 0;
|
|
}
|
|
.react-flow__panel.right {
|
|
right: 0;
|
|
}
|
|
.react-flow__panel.center {
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.react-flow__attribution {
|
|
font-size: 10px;
|
|
background: rgba(255, 255, 255, 0.5);
|
|
padding: 2px 3px;
|
|
margin: 0;
|
|
}
|
|
.react-flow__attribution a {
|
|
text-decoration: none;
|
|
color: #999;
|
|
}
|
|
@-webkit-keyframes dashdraw {
|
|
from {
|
|
stroke-dashoffset: 10;
|
|
}
|
|
}
|
|
@keyframes dashdraw {
|
|
from {
|
|
stroke-dashoffset: 10;
|
|
}
|
|
}
|
|
.react-flow__edgelabel-renderer {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.react-flow__edge.updating .react-flow__edge-path {
|
|
stroke: #777;
|
|
}
|
|
.react-flow__edge-text {
|
|
font-size: 10px;
|
|
}
|
|
.react-flow__node.selectable:focus,
|
|
.react-flow__node.selectable:focus-visible {
|
|
outline: none;
|
|
}
|
|
.react-flow__node-default,
|
|
.react-flow__node-input,
|
|
.react-flow__node-output,
|
|
.react-flow__node-group {
|
|
padding: 10px;
|
|
border-radius: 3px;
|
|
width: 150px;
|
|
font-size: 12px;
|
|
color: #222;
|
|
text-align: center;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #1a192b;
|
|
background-color: white;
|
|
}
|
|
.react-flow__node-default.selectable:hover,
|
|
.react-flow__node-input.selectable:hover,
|
|
.react-flow__node-output.selectable:hover,
|
|
.react-flow__node-group.selectable:hover {
|
|
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
|
|
}
|
|
.react-flow__node-default.selectable.selected,
|
|
.react-flow__node-default.selectable:focus,
|
|
.react-flow__node-default.selectable:focus-visible,
|
|
.react-flow__node-input.selectable.selected,
|
|
.react-flow__node-input.selectable:focus,
|
|
.react-flow__node-input.selectable:focus-visible,
|
|
.react-flow__node-output.selectable.selected,
|
|
.react-flow__node-output.selectable:focus,
|
|
.react-flow__node-output.selectable:focus-visible,
|
|
.react-flow__node-group.selectable.selected,
|
|
.react-flow__node-group.selectable:focus,
|
|
.react-flow__node-group.selectable:focus-visible {
|
|
box-shadow: 0 0 0 0.5px #1a192b;
|
|
}
|
|
.react-flow__node-group {
|
|
background-color: rgba(240, 240, 240, 0.25);
|
|
}
|
|
.react-flow__nodesselection-rect,
|
|
.react-flow__selection {
|
|
background: rgba(0, 89, 220, 0.08);
|
|
border: 1px dotted rgba(0, 89, 220, 0.8);
|
|
}
|
|
.react-flow__nodesselection-rect:focus,
|
|
.react-flow__nodesselection-rect:focus-visible,
|
|
.react-flow__selection:focus,
|
|
.react-flow__selection:focus-visible {
|
|
outline: none;
|
|
}
|
|
.react-flow__controls {
|
|
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
|
|
}
|
|
.react-flow__controls-button {
|
|
border: none;
|
|
background: #fefefe;
|
|
border-bottom: 1px solid #eee;
|
|
box-sizing: content-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
padding: 5px;
|
|
}
|
|
.react-flow__controls-button:hover {
|
|
background: #f4f4f4;
|
|
}
|
|
.react-flow__controls-button svg {
|
|
width: 100%;
|
|
max-width: 12px;
|
|
max-height: 12px;
|
|
}
|
|
.react-flow__controls-button:disabled {
|
|
pointer-events: none;
|
|
}
|
|
.react-flow__controls-button:disabled svg {
|
|
fill-opacity: 0.4;
|
|
}
|
|
.react-flow__minimap {
|
|
background-color: #fff;
|
|
}
|
|
.react-flow__resize-control {
|
|
position: absolute;
|
|
}
|
|
.react-flow__resize-control.left,
|
|
.react-flow__resize-control.right {
|
|
cursor: ew-resize;
|
|
}
|
|
.react-flow__resize-control.top,
|
|
.react-flow__resize-control.bottom {
|
|
cursor: ns-resize;
|
|
}
|
|
.react-flow__resize-control.top.left,
|
|
.react-flow__resize-control.bottom.right {
|
|
cursor: nwse-resize;
|
|
}
|
|
.react-flow__resize-control.bottom.left,
|
|
.react-flow__resize-control.top.right {
|
|
cursor: nesw-resize;
|
|
}
|
|
/* handle styles */
|
|
.react-flow__resize-control.handle {
|
|
width: 4px;
|
|
height: 4px;
|
|
border: 1px solid #fff;
|
|
border-radius: 1px;
|
|
background-color: #3367d9;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.react-flow__resize-control.handle.left {
|
|
left: 0;
|
|
top: 50%;
|
|
}
|
|
.react-flow__resize-control.handle.right {
|
|
left: 100%;
|
|
top: 50%;
|
|
}
|
|
.react-flow__resize-control.handle.top {
|
|
left: 50%;
|
|
top: 0;
|
|
}
|
|
.react-flow__resize-control.handle.bottom {
|
|
left: 50%;
|
|
top: 100%;
|
|
}
|
|
.react-flow__resize-control.handle.top.left {
|
|
left: 0;
|
|
}
|
|
.react-flow__resize-control.handle.bottom.left {
|
|
left: 0;
|
|
}
|
|
.react-flow__resize-control.handle.top.right {
|
|
left: 100%;
|
|
}
|
|
.react-flow__resize-control.handle.bottom.right {
|
|
left: 100%;
|
|
}
|
|
/* line styles */
|
|
.react-flow__resize-control.line {
|
|
border-color: #3367d9;
|
|
border-width: 0;
|
|
border-style: solid;
|
|
}
|
|
.react-flow__resize-control.line.left,
|
|
.react-flow__resize-control.line.right {
|
|
width: 1px;
|
|
transform: translate(-50%, 0);
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
.react-flow__resize-control.line.left {
|
|
left: 0;
|
|
border-left-width: 1px;
|
|
}
|
|
.react-flow__resize-control.line.right {
|
|
left: 100%;
|
|
border-right-width: 1px;
|
|
}
|
|
.react-flow__resize-control.line.top,
|
|
.react-flow__resize-control.line.bottom {
|
|
height: 1px;
|
|
transform: translate(0, -50%);
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.react-flow__resize-control.line.top {
|
|
top: 0;
|
|
border-top-width: 1px;
|
|
}
|
|
.react-flow__resize-control.line.bottom {
|
|
border-bottom-width: 1px;
|
|
top: 100%;
|
|
}
|
|
|
|
.react-js-cron {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
.react-js-cron > div,
|
|
.react-js-cron-field {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.react-js-cron-field {
|
|
margin-bottom: 10px;
|
|
}
|
|
.react-js-cron-field > span {
|
|
margin-left: 5px;
|
|
}
|
|
div.react-js-cron-select {
|
|
margin-left: 5px;
|
|
}
|
|
.react-js-cron-select.react-js-cron-select-no-prefix {
|
|
margin-left: 0;
|
|
}
|
|
div.react-js-cron-error .react-js-cron-select .ant-select-selector {
|
|
border-color: #ff4d4f;
|
|
background: #fff6f6;
|
|
}
|
|
div.react-js-cron-custom-select {
|
|
min-width: 70px;
|
|
z-index: 1;
|
|
}
|
|
div.react-js-cron-error div.react-js-cron-custom-select {
|
|
background: #fff6f6;
|
|
}
|
|
div.react-js-cron-select.react-js-cron-custom-select.ant-select
|
|
div.ant-select-selector {
|
|
padding-left: 11px;
|
|
padding-right: 30px;
|
|
}
|
|
.react-js-cron-read-only
|
|
div.react-js-cron-select.react-js-cron-custom-select.ant-select
|
|
div.ant-select-selector {
|
|
padding-right: 11px;
|
|
}
|
|
div.react-js-cron-custom-select .ant-select-selection-search {
|
|
width: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
div.react-js-cron-custom-select .ant-select-selection-placeholder {
|
|
position: static;
|
|
top: 50%;
|
|
right: auto;
|
|
left: auto;
|
|
transform: none;
|
|
transition: none;
|
|
opacity: 1;
|
|
color: inherit;
|
|
}
|
|
.react-js-cron-week-days-placeholder
|
|
.react-js-cron-custom-select
|
|
.ant-select-selection-placeholder,
|
|
.react-js-cron-month-days-placeholder
|
|
.react-js-cron-custom-select
|
|
.ant-select-selection-placeholder {
|
|
opacity: 0.4;
|
|
}
|
|
.react-js-cron-custom-select-dropdown {
|
|
min-width: 0 !important;
|
|
width: 174px !important;
|
|
}
|
|
.react-js-cron-custom-select-dropdown .rc-virtual-list {
|
|
max-height: none !important;
|
|
}
|
|
.react-js-cron-custom-select-dropdown-grid .rc-virtual-list-holder {
|
|
max-height: initial !important;
|
|
}
|
|
.react-js-cron-custom-select-dropdown-grid .rc-virtual-list-holder-inner {
|
|
display: grid !important;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
.react-js-cron-custom-select-dropdown-grid
|
|
.rc-virtual-list-holder-inner
|
|
.ant-select-item-option-content {
|
|
text-align: center;
|
|
}
|
|
.react-js-cron-custom-select-dropdown-hours-twelve-hour-clock {
|
|
width: 260px !important;
|
|
}
|
|
.react-js-cron-custom-select-dropdown-minutes-large {
|
|
width: 300px !important;
|
|
}
|
|
.react-js-cron-custom-select-dropdown-minutes-large .rc-virtual-list-holder-inner {
|
|
grid-template-columns: repeat(6, 1fr);
|
|
}
|
|
.react-js-cron-custom-select-dropdown-minutes-medium {
|
|
width: 220px !important;
|
|
}
|
|
.react-js-cron-custom-select-dropdown-minutes-medium .rc-virtual-list-holder-inner {
|
|
grid-template-columns: repeat(5, 1fr);
|
|
}
|
|
.react-js-cron-period > span:first-child {
|
|
margin-left: 0 !important;
|
|
}
|
|
.react-js-cron-period
|
|
.react-js-cron-select.ant-select-single.ant-select-open
|
|
.ant-select-selection-item {
|
|
opacity: 1;
|
|
}
|
|
.react-js-cron-select-dropdown-period {
|
|
min-width: 0 !important;
|
|
width: auto !important;
|
|
}
|
|
.react-js-cron-clear-button {
|
|
margin-left: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.react-js-cron-disabled .react-js-cron-select.ant-select-disabled {
|
|
background: #f5f5f5;
|
|
}
|
|
div.react-js-cron-select.react-js-cron-custom-select.ant-select
|
|
div.ant-select-selector
|
|
> .ant-select-selection-overflow {
|
|
align-items: center;
|
|
flex: initial;
|
|
}
|
|
|
|
.ant-btn-dangerous {
|
|
background: #3d3f44 !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<script src="${make_url('/config?autoload=1')}" crossorigin="use-credentials"></script>
|
|
<script src="${make_url('/static/js/i18n.js')}"></script>
|
|
<script src="${make_url('/i18ncatalog?autoload=1')}"></script>
|
|
<script>
|
|
__splunkd_partials__ = ${json_decode(splunkd)};
|
|
</script>
|
|
|
|
<% page_path = "/static/app/appcontentmanager/pages/start.js" %>
|
|
|
|
<script src="${make_url(page_path)}"></script>
|
|
</body>
|
|
</html>
|