| | |
| | | background-size: cover; |
| | | |
| | | .mk-toolbar { |
| | | position: relative; |
| | | width: 100%; |
| | | height: 40px; |
| | | border: 1px solid #1890ff; |
| | | border-bottom: 1px solid #dfe3e8; |
| | | |
| | | .left-tool { |
| | | float: left; |
| | |
| | | font-size: 16px; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .flow-name { |
| | | position: absolute; |
| | | left: 50%; |
| | | top: 6px; |
| | | font-size: 16px; |
| | | color: rgba(0, 0, 0, 0.85); |
| | | transform: translateX(-50%); |
| | | } |
| | | .right-tool { |
| | | float: right; |
| | |
| | | opacity: 0; |
| | | } |
| | | } |
| | | .only-show { |
| | | .x6-port { |
| | | display: none; |
| | | } |
| | | .x6-cell.x6-edge { |
| | | cursor: default; |
| | | path { |
| | | cursor: default; |
| | | } |
| | | } |
| | | } |
| | | .only-show.switchable { |
| | | .x6-cell.x6-node:not([data-shape="lane"]):not([data-shape="mk-text"]) { |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | |
| | | .chart-header { |
| | | position: relative; |
| | |
| | | z-index: 1; |
| | | } |
| | | } |
| | | .loading-mask { |
| | | position: absolute; |
| | | left: 0px; |
| | | top: 0; |
| | | right: 0px; |
| | | bottom: 0px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | text-align: justify; |
| | | z-index: 3; |
| | | |
| | | .ant-spin-blur { |
| | | position: absolute; |
| | | width: 100%; |
| | | height: 100%; |
| | | opacity: 0.5; |
| | | background: #ffffff; |
| | | } |
| | | } |
| | | } |