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.
1458 lines
37 KiB
1458 lines
37 KiB
/**
|
|
* 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 */
|
|
|