34 lines
2.5 KiB
CSS
34 lines
2.5 KiB
CSS
.editor-element {display: block; width: 100px; margin: 10px auto 30px; height: 40px; text-align: center; line-height: 40px; color: #fff; cursor: move; transition: transform .2s;}
|
|
.editor-element:hover {transform: translateY(-1px) scale(1.1);}
|
|
.editor-element-start {background-color: #b0bac1; border-radius: 20px;}
|
|
.editor-element-process {background-color: #40caca; border-radius: 2px;}
|
|
.editor-element-decision {position: relative; height: 70px; width: 70px; line-height: 70px;}
|
|
.editor-element-decision > span {position: relative; z-index: 1;}
|
|
.editor-element-decision:before {display: block; content: ' '; position: absolute; height: 50px; width: 50px; z-index: 0; top: 10px; left: 10px; background-color: #fad43c; transform: rotate(45deg);}
|
|
.editor-element-result {background-color: #0964eb; height: 70px; width: 70px; line-height: 70px; border-radius: 50%;}
|
|
.editor-element-stop {background-color: #b0bac1; border-radius: 20px;}
|
|
|
|
#editorToolbar {position: absolute; left: 0; right: 0; top: 0; height: 40px; padding: 5px; background-color: #fafafa;}
|
|
#editorToolbar > span {line-height: 30px; display: inline-block; vertical-align: middle;}
|
|
#editorToolbar > .btn {height: 30px; width: 30px; line-height: 24px; padding: 4px;}
|
|
#editorToolbar > .btn + .btn {margin-left: 5px;}
|
|
#editorToolbar > .btn > .icon {font-size: 20px;}
|
|
|
|
#editorCanvas {position: absolute; left: 0; right: 0; bottom: 0; top: 40px;}
|
|
#editorCanvas .flowchart-node-text:empty {line-height: 26px!important;}
|
|
|
|
#editorElementModal {position: fixed; left: 100px; top: 100px; z-index: 1100; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); width: 200px; padding: 5px 10px 5px 2px; display: none;}
|
|
#editorElementModal .table-form > tbody > tr > th {width: 50px;}
|
|
#editorElementModal .table-form > tbody > tr > th,
|
|
#editorElementModal .table-form > tbody > tr > td {padding: 3px 6px;}
|
|
|
|
#editor > .column:first-child > .cell {border-top-left-radius: 0;}
|
|
#editor > .column:last-child > .cell {border-top-right-radius: 0;}
|
|
|
|
#editor #editorCanvas.flowchart-drag-start {box-shadow: inset 0 0 0 3px #FFF3E0!important;}
|
|
#editor #editorCanvas.flowchart-drag-over {box-shadow: inset 0 0 0 6px #FFF3E0!important;}
|
|
|
|
.ie #editorCanvas .flowchart-node-text,.flowchart-node-text-limit{line-height:1.8!important}
|
|
.ie #editorCanvas .flowchart-element-decision .flowchart-node-text,.flowchart-node-text-limit{line-height:3.8!important}
|
|
.ie #editorCanvas .flowchart-element-result .flowchart-node-text,.flowchart-node-text-limit{line-height:3.8!important}
|