/** * Copyright (c) 2014 The xterm.js authors. All rights reserved. * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License) * https://github.com/chjj/term.js * @license MIT * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. * * Originally forked from (with the author's permission): * Fabrice Bellard's javascript vt100 for jslinux: * http://bellard.org/jslinux/ * Copyright (c) 2011 Fabrice Bellard * The original design remains. The terminal itself * has been extended to include xterm CSI codes, among * other features. */ /** * Default styles for xterm.js */ .xterm { font-feature-settings: "liga" 0; position: relative; -moz-user-select: none; user-select: none; -ms-user-select: none; -webkit-user-select: none; } .xterm.focus, .xterm:focus { outline: none; } .xterm .xterm-helpers { position: absolute; top: 0; /** * The z-index of the helpers must be higher than the canvases in order for * IMEs to appear on top. */ z-index: 5; } .xterm .xterm-helper-textarea { padding: 0; border: 0; margin: 0; /* Move textarea out of the screen to the far left, so that the cursor is not visible */ position: absolute; opacity: 0; left: -9999em; top: 0; width: 0; height: 0; z-index: -5; /** Prevent wrapping so the IME appears against the textarea at the correct position */ white-space: nowrap; overflow: hidden; resize: none; } .xterm .composition-view { /* TODO: Composition position got messed up somewhere */ background: #000; color: #FFF; display: none; position: absolute; white-space: nowrap; z-index: 1; } .xterm .composition-view.active { display: block; } .xterm .xterm-viewport { /* On OS X this is required in order for the scroll bar to appear fully opaque */ background-color: #000; overflow-y: scroll; cursor: default; position: absolute; right: 0; left: 0; top: 0; bottom: 0; } .xterm .xterm-screen { position: relative; } .xterm .xterm-screen canvas { position: absolute; left: 0; top: 0; } .xterm .xterm-scroll-area { visibility: hidden; } .xterm-char-measure-element { display: inline-block; visibility: hidden; position: absolute; top: 0; left: -9999em; line-height: normal; } .xterm { cursor: text; } .xterm.enable-mouse-events { /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */ cursor: default; } .xterm.xterm-cursor-pointer { cursor: pointer; } .xterm.column-select.focus { /* Column selection mode */ cursor: crosshair; } .xterm .xterm-accessibility, .xterm .xterm-message { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; color: transparent; } .xterm .live-region { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .xterm-dim { opacity: 0.5; } .xterm-underline { text-decoration: underline; } .xterm-panel___2r2xx { height: 100%; } .xterm-panel___2r2xx [class~='terminal'] { height: 100%; } /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-modal, .ant-image-preview { pointer-events: none; } .ant-modal.zoom-enter, .ant-modal.zoom-appear, .ant-image-preview.zoom-enter, .ant-image-preview.zoom-appear { -ms-transform: none; transform: none; opacity: 0; animation-duration: 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-modal-mask, .ant-image-preview-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.45); filter: alpha(opacity=50); } .ant-modal-mask-hidden, .ant-image-preview-mask-hidden { display: none; } .ant-modal-wrap, .ant-image-preview-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; outline: 0; -webkit-overflow-scrolling: touch; } .ant-progress { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 12px; font-variant: tabular-nums; line-height: 1.66667; list-style: none; font-feature-settings: tnum, "tnum"; display: inline-block; } .ant-progress-line { position: relative; width: 100%; font-size: 12px; } .ant-progress-steps { display: inline-block; } .ant-progress-steps-outer { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .ant-progress-steps-item { -ms-flex-negative: 0; flex-shrink: 0; min-width: 2px; margin-right: 2px; background: #f3f3f3; transition: all 0.3s; } .ant-progress-steps-item-active { background: #1890ff; } .ant-progress-small.ant-progress-line, .ant-progress-small.ant-progress-line .ant-progress-text .anticon { font-size: 12px; } .ant-progress-outer { display: inline-block; width: 100%; margin-right: 0; padding-right: 0; } .ant-progress-show-info .ant-progress-outer { margin-right: calc(-2em - 8px); padding-right: calc(2em + 8px); } .ant-progress-inner { position: relative; display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; background-color: #f5f5f5; border-radius: 100px; } .ant-progress-circle-trail { stroke: #f5f5f5; } .ant-progress-circle-path { animation: ant-progress-appear 0.3s; } .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #1890ff; } .ant-progress-success-bg, .ant-progress-bg { position: relative; background-color: #1890ff; border-radius: 100px; transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s; } .ant-progress-success-bg { position: absolute; top: 0; left: 0; background-color: #52c41a; } .ant-progress-text { display: inline-block; width: 2em; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-size: 1em; line-height: 1; white-space: nowrap; text-align: left; vertical-align: middle; word-break: normal; } .ant-progress-text .anticon { font-size: 12px; } .ant-progress-status-active .ant-progress-bg::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 10px; opacity: 0; animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; content: ''; } .ant-progress-status-exception .ant-progress-bg { background-color: #ff4d4f; } .ant-progress-status-exception .ant-progress-text { color: #ff4d4f; } .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #ff4d4f; } .ant-progress-status-success .ant-progress-bg { background-color: #52c41a; } .ant-progress-status-success .ant-progress-text { color: #52c41a; } .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #52c41a; } .ant-progress-circle .ant-progress-inner { position: relative; line-height: 1; background-color: transparent; } .ant-progress-circle .ant-progress-text { position: absolute; top: 50%; left: 50%; width: 100%; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 0.833333em; line-height: 1; white-space: normal; text-align: center; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ant-progress-circle .ant-progress-text .anticon { font-size: 1.16666667em; } .ant-progress-circle.ant-progress-status-exception .ant-progress-text { color: #ff4d4f; } .ant-progress-circle.ant-progress-status-success .ant-progress-text { color: #52c41a; } @keyframes ant-progress-active { 0% { width: 0; opacity: 0.1; } 20% { width: 0; opacity: 0.5; } 100% { width: 100%; opacity: 0; } } .ant-progress-rtl { direction: rtl; } .ant-progress-rtl.ant-progress-show-info .ant-progress-outer { margin-right: 0; margin-left: calc(-2em - 8px); padding-right: 0; padding-left: calc(2em + 8px); } .ant-progress-rtl .ant-progress-success-bg { right: 0; left: auto; } .ant-progress-rtl.ant-progress-line .ant-progress-text, .ant-progress-rtl.ant-progress-steps .ant-progress-text { margin-right: 8px; margin-left: 0; text-align: right; } /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ldsRing___2F8W7 { position: relative; width: 40px; height: 40px; margin: 0 auto; } .idsRingWrapper___fC2cF { position: absolute; z-index: 1000; width: 100%; height: 100%; left: 0; top: 0; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; } .idsRingWrapper___fC2cF p { text-align: center; margin-top: 12px; } .ldsRing___2F8W7 div { box-sizing: border-box; display: block; position: absolute; width: 32px; height: 32px; margin: 4px; border: 4px solid #1976d2; border-radius: 50%; animation: ldsring___3A88y 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #1976d2 transparent transparent transparent; } .ldsRing___2F8W7 div:nth-child(1) { animation-delay: -0.45s; } .ldsRing___2F8W7 div:nth-child(2) { animation-delay: -0.3s; } .ldsRing___2F8W7 div:nth-child(3) { animation-delay: -0.15s; } @keyframes ldsring___3A88y { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-modal, .ant-image-preview { pointer-events: none; } .ant-modal.zoom-enter, .ant-modal.zoom-appear, .ant-image-preview.zoom-enter, .ant-image-preview.zoom-appear { -ms-transform: none; transform: none; opacity: 0; animation-duration: 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-modal-mask, .ant-image-preview-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.45); filter: alpha(opacity=50); } .ant-modal-mask-hidden, .ant-image-preview-mask-hidden { display: none; } .ant-modal-wrap, .ant-image-preview-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; outline: 0; -webkit-overflow-scrolling: touch; } .ant-input-affix-wrapper { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 3px 7px; color: rgba(0, 0, 0, 0.85); font-size: 12px; line-height: 1.66667; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; display: -ms-inline-flexbox; display: inline-flex; } .ant-input-affix-wrapper::-webkit-input-placeholder { color: #bfbfbf; } .ant-input-affix-wrapper:-ms-input-placeholder { color: #bfbfbf; } .ant-input-affix-wrapper::-ms-input-placeholder { color: #bfbfbf; } .ant-input-affix-wrapper::placeholder { color: #bfbfbf; } .ant-input-affix-wrapper:-ms-input-placeholder { text-overflow: ellipsis; } .ant-input-affix-wrapper:placeholder-shown { text-overflow: ellipsis; } .ant-input-affix-wrapper:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-input-rtl .ant-input-affix-wrapper:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused { border-color: #40a9ff; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-input-rtl .ant-input-affix-wrapper:focus, .ant-input-rtl .ant-input-affix-wrapper-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-affix-wrapper-borderless, .ant-input-affix-wrapper-borderless:hover, .ant-input-affix-wrapper-borderless:focus, .ant-input-affix-wrapper-borderless-focused, .ant-input-affix-wrapper-borderless-disabled, .ant-input-affix-wrapper-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-affix-wrapper { max-width: 100%; height: auto; min-height: 28px; line-height: 1.66667; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-affix-wrapper-lg { padding: 3.4px 11px; font-size: 14px; } .ant-input-affix-wrapper-sm { padding: 0px 7px; } .ant-input-affix-wrapper-rtl { direction: rtl; } .ant-input-affix-wrapper-disabled .ant-input[disabled] { background: transparent; } .ant-input-affix-wrapper > input.ant-input { padding: 0; border: none; outline: none; } .ant-input-affix-wrapper > input.ant-input:focus { box-shadow: none; } .ant-input-affix-wrapper::before { width: 0; visibility: hidden; content: '\a0'; } .ant-input-prefix, .ant-input-suffix { display: -ms-flexbox; display: flex; -ms-flex: none; flex: none; -ms-flex-align: center; align-items: center; } .ant-input-prefix { margin-right: 4px; } .ant-input-suffix { margin-left: 4px; } .ant-input-clear-icon { color: rgba(0, 0, 0, 0.25); font-size: 12px; cursor: pointer; transition: color 0.3s; margin: 0 4px; vertical-align: -1px; } .ant-input-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } .ant-input-clear-icon:active { color: rgba(0, 0, 0, 0.85); } .ant-input-clear-icon + i { margin-left: 6px; } .ant-input-clear-icon-hidden { visibility: hidden; } .ant-input-clear-icon:last-child { margin-right: 0; } .ant-input-affix-wrapper-textarea-with-clear-btn { padding: 0 !important; border: 0 !important; } .ant-input-textarea-clear-icon { color: rgba(0, 0, 0, 0.25); font-size: 12px; cursor: pointer; transition: color 0.3s; position: absolute; top: 0; right: 0; z-index: 1; margin: 8px 8px 0 0; } .ant-input-textarea-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } .ant-input-textarea-clear-icon:active { color: rgba(0, 0, 0, 0.85); } .ant-input-textarea-clear-icon + i { margin-left: 6px; } .ant-input-textarea-clear-icon-hidden { visibility: hidden; } .ant-input { box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; font-feature-settings: tnum, "tnum"; position: relative; display: inline-block; width: 100%; min-width: 0; padding: 3px 7px; color: rgba(0, 0, 0, 0.85); font-size: 12px; line-height: 1.66667; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; } .ant-input::-webkit-input-placeholder { color: #bfbfbf; } .ant-input:-ms-input-placeholder { color: #bfbfbf; } .ant-input::-ms-input-placeholder { color: #bfbfbf; } .ant-input::placeholder { color: #bfbfbf; } .ant-input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-input:placeholder-shown { text-overflow: ellipsis; } .ant-input:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-input-rtl .ant-input:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input:focus, .ant-input-focused { border-color: #40a9ff; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-input-rtl .ant-input:focus, .ant-input-rtl .ant-input-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-borderless, .ant-input-borderless:hover, .ant-input-borderless:focus, .ant-input-borderless-focused, .ant-input-borderless-disabled, .ant-input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input { max-width: 100%; height: auto; min-height: 28px; line-height: 1.66667; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-lg { padding: 3.4px 11px; font-size: 14px; } .ant-input-sm { padding: 0px 7px; } .ant-input-rtl { direction: rtl; } .ant-input-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 12px; font-variant: tabular-nums; line-height: 1.66667; list-style: none; font-feature-settings: tnum, "tnum"; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0; } .ant-input-group[class*='col-'] { float: none; padding-right: 0; padding-left: 0; } .ant-input-group > [class*='col-'] { padding-right: 8px; } .ant-input-group > [class*='col-']:last-child { padding-right: 0; } .ant-input-group-addon, .ant-input-group-wrap, .ant-input-group > .ant-input { display: table-cell; } .ant-input-group-addon:not(:first-child):not(:last-child), .ant-input-group-wrap:not(:first-child):not(:last-child), .ant-input-group > .ant-input:not(:first-child):not(:last-child) { border-radius: 0; } .ant-input-group-addon, .ant-input-group-wrap { width: 1px; white-space: nowrap; vertical-align: middle; } .ant-input-group-wrap > * { display: block !important; } .ant-input-group .ant-input { float: left; width: 100%; margin-bottom: 0; text-align: inherit; } .ant-input-group .ant-input:focus { z-index: 1; border-right-width: 1px; } .ant-input-group .ant-input:hover { z-index: 1; border-right-width: 1px; } .ant-input-group-addon { position: relative; padding: 0 7px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 12px; text-align: center; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; } .ant-input-group-addon .ant-select { margin: -4px -7px; } .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 1px solid transparent; box-shadow: none; } .ant-input-group-addon .ant-select-open .ant-select-selector, .ant-input-group-addon .ant-select-focused .ant-select-selector { color: #1890ff; } .ant-input-group-addon > i:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; } .ant-input-group > .ant-input:first-child, .ant-input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector, .ant-input-group-addon:first-child .ant-select .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group-addon:first-child { border-right: 0; } .ant-input-group-addon:last-child { border-left: 0; } .ant-input-group > .ant-input:last-child, .ant-input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector, .ant-input-group-addon:last-child .ant-select .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group-lg .ant-input, .ant-input-group-lg > .ant-input-group-addon { padding: 3.4px 11px; font-size: 14px; } .ant-input-group-sm .ant-input, .ant-input-group-sm > .ant-input-group-addon { padding: 0px 7px; } .ant-input-group-lg .ant-select-single .ant-select-selector { height: 32px; } .ant-input-group-sm .ant-select-single .ant-select-selector { height: 22px; } .ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group.ant-input-group-compact { display: block; } .ant-input-group.ant-input-group-compact::before { display: table; content: ''; } .ant-input-group.ant-input-group-compact::after { display: table; clear: both; content: ''; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) { border-right-width: 1px; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus { z-index: 1; } .ant-input-group.ant-input-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper { display: -ms-inline-flexbox; display: inline-flex; } .ant-input-group.ant-input-group-compact > .ant-picker-range { display: -ms-inline-flexbox; display: inline-flex; } .ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: -1px; border-right-width: 1px; } .ant-input-group.ant-input-group-compact .ant-input { float: none; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor, .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input { border-right-width: 1px; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover, .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover, .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus, .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select-focused { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow { z-index: 1; } .ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor, .ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor, .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input { border-right-width: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-group > .ant-input-rtl:first-child, .ant-input-group-rtl .ant-input-group-addon:first-child { border-radius: 0 2px 2px 0; } .ant-input-group-rtl .ant-input-group-addon:first-child { border-right: 1px solid #d9d9d9; border-left: 0; } .ant-input-group-rtl .ant-input-group-addon:last-child { border-right: 0; border-left: 1px solid #d9d9d9; } .ant-input-group-rtl.ant-input-group > .ant-input:last-child, .ant-input-group-rtl.ant-input-group-addon:last-child { border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-radius: 0 2px 2px 0; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: 0; margin-left: -1px; border-left-width: 1px; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input { border-radius: 0 2px 2px 0; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input { border-left-width: 1px; border-radius: 2px 0 0 2px; } .ant-input-group-wrapper { display: inline-block; width: 100%; text-align: start; vertical-align: top; } .ant-input-password-icon { color: rgba(0, 0, 0, 0.45); cursor: pointer; transition: all 0.3s; } .ant-input-password-icon:hover { color: rgba(0, 0, 0, 0.85); } .ant-input[type='color'] { height: 28px; } .ant-input[type='color'].ant-input-lg { height: 32px; } .ant-input[type='color'].ant-input-sm { height: 22px; padding-top: 3px; padding-bottom: 3px; } .ant-input-search-icon { padding: 0 8px; } .ant-input-search-icon::before { -ms-transform: translateX(-9px); transform: translateX(-9px); } .ant-input-search-icon::after { width: 28px; } .ant-input-affix-wrapper-lg .ant-input-search-icon { padding: 0 9px; } .ant-input-affix-wrapper-lg .ant-input-search-icon::before { -ms-transform: translateX(-10px); transform: translateX(-10px); } .ant-input-affix-wrapper-lg .ant-input-search-icon::after { width: 32px; } .ant-input-affix-wrapper-sm .ant-input-search-icon { padding: 0 5px; } .ant-input-affix-wrapper-sm .ant-input-search-icon::before { -ms-transform: translateX(-6px); transform: translateX(-6px); } .ant-input-affix-wrapper-sm .ant-input-search-icon::after { width: 22px; } .ant-input-search-icon { margin-left: 0.5em; color: rgba(0, 0, 0, 0.45); cursor: pointer; transition: all 0.3s; } .ant-input-search-icon:hover { color: rgba(0, 0, 0, 0.85); } .ant-input-search-icon::before { position: absolute; top: 0; bottom: 0; display: block; border-left: 1px solid #d9d9d9; transition: all 0.3s; content: ''; } .ant-input-search-icon::after { position: absolute; top: 0; right: 0; bottom: 0; content: ''; } .ant-input-search:not(.ant-input-search-enter-button) { padding-right: 0; } .ant-input-search-enter-button input { border-right: 0; } .ant-input-search-enter-button input:hover, .ant-input-search-enter-button input:focus { border-color: #40a9ff; } .ant-input-search-enter-button.ant-input-affix-wrapper { border-right: 0; } .ant-input-search-enter-button + .ant-input-group-addon, .ant-input-search-enter-button input + .ant-input-group-addon { padding: 0; border: 0; } .ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button, .ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group-wrapper-rtl { direction: rtl; } .ant-input-group-rtl { direction: rtl; } .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input { border: none; outline: none; } .ant-input-affix-wrapper-rtl .ant-input-prefix { margin: 0 0 0 4px; } .ant-input-affix-wrapper-rtl .ant-input-suffix { margin: 0 4px 0 0; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child { margin-right: 4px; margin-left: 0; } .ant-input-affix-wrapper-rtl .ant-input-textarea-clear-icon { right: auto; left: 0; margin: 8px 0 0 8px; } .ant-input-search-rtl { direction: rtl; } .ant-input-search-rtl .ant-input-search-icon { margin-right: 0.5em; margin-left: 0; } .ant-input-search-rtl .ant-input-search-icon::before { border-left: none; } .ant-input-search-rtl .ant-input-search-icon::after { right: auto; left: 0; border-right: 1px solid #d9d9d9; transition: all 0.3s; } .ant-input-search-rtl.ant-input-search:not(.ant-input-search-enter-button) { padding-right: 7px; padding-left: 0; } .ant-input-search-rtl.ant-input-search-enter-button input { border-right: 1px solid #d9d9d9; border-left: 0; } .ant-input-search-rtl.ant-input-search-enter-button input:hover, .ant-input-search-rtl.ant-input-search-enter-button input:focus { border-color: #40a9ff; } .ant-input-search-rtl.ant-input-search-enter-button.ant-input-affix-wrapper { border-right: 1px solid #d9d9d9; border-left: 0; } .ant-input-search-rtl.ant-input-search-enter-button.ant-input-affix-wrapper:hover, .ant-input-search-rtl.ant-input-search-enter-button.ant-input-affix-wrapper:focus { border-color: #40a9ff; } .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon, .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon { padding: 0; border: 0; } .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button, .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button { width: 100%; border-radius: 2px 0 0 2px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-input { height: 28px; } .ant-input-lg { height: 32px; } .ant-input-sm { height: 22px; } .ant-input-affix-wrapper > input.ant-input { height: auto; } } /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .clipboard-box p { font-size: 14px; margin: 0 0 20px 0; } .clipboard-box h3 { color: #333; font-size: 18px; margin: 0 0 20px 0; } .clipboard-box .btn-action-container { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; } .clipboard-box .clipboard { background: #f1f1f1; height: 200px; margin-bottom: 30px; } /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .btn-vnc-resize { position: absolute; right: 16px; top: 48px; z-index: 101; color: #fff; } .vnc-panel-wrapper { position: relative; height: calc(100vh - 105px); overflow: hidden; } .vnc-panel-wrapper.full-screen { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 200; height: 100vh; background: white; } .vnc-panel-wrapper-windows { position: relative; height: calc(90vh); overflow: hidden; } .vnc-panel-wrapper-windows .btn-vnc-resize { position: absolute; right: 16px; top: 48px; z-index: 101; color: #fff; } .vnc-panel-wrapper-windows.full-screen { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 200; height: 100vh; background: white; } .vnc-panel { height: 100%; margin: 0 auto; min-height: 500px; } .vnc-test-list { position: absolute; width: 100%; bottom: 51px; background: #111c24; z-index: 100; height: 0; overflow: auto; } .vnc-test-list.large { height: calc(100vh - 105px); } .vnc-test-list.large .test-case-list { height: calc(100% - 34px); } .vnc-test-list.pop { height: 257px; } .vnc-test-list .test-case-list { overflow-y: auto; height: 190px; } .arrow-container { position: absolute; top: 0; width: 54px; height: 27px; left: 50%; margin-left: -27px; background: #2a3a4f; z-index: 10; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; color: #fff; text-align: center; cursor: pointer; opacity: 0.4; transition: all 0.3s; } .arrow-container .iconfont { font-size: 14px !important; } .vnc-test-list-body { position: relative; height: 100%; } .vnc-full-panel { -ms-transform: scale(1) !important; transform: scale(1) !important; width: 100% !important; height: 100% !important; } .vnc-panel-wrp { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */