391 lines
7.7 KiB
SCSS
391 lines
7.7 KiB
SCSS
.meta2d-box {
|
|
.el-tab-pane{
|
|
height: 100%;
|
|
}
|
|
.el-switch{
|
|
.el-switch__core {
|
|
background-color: $--el-switch-background;
|
|
}
|
|
}
|
|
.props-box {
|
|
width: 500px;
|
|
position: absolute;
|
|
height: calc(100% - 64px);
|
|
top: 61px;
|
|
padding: 0 !important;
|
|
box-sizing: border-box;
|
|
right: -1px;
|
|
background: $--background-color-empty;
|
|
}
|
|
.form-row-item{
|
|
color: $--color-text-primary;
|
|
vertical-align: top;
|
|
width: calc(50% - 3px);
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
padding: 0 5px;
|
|
margin-bottom: 15px;
|
|
.form-row-key{
|
|
margin-bottom: 10px;
|
|
font-size: 14px;
|
|
color: $--color-text-regular;
|
|
letter-spacing: 0;
|
|
}
|
|
}
|
|
.special-meta2d-select {
|
|
.el-input.el-input--prefix.el-input--suffix{
|
|
border: 1px solid $--border-color-light;
|
|
height: 28px;
|
|
}
|
|
.el-select--small{
|
|
width: 100%;
|
|
}
|
|
.el-input__inner{
|
|
display: none;
|
|
}
|
|
.right-box-select-top {
|
|
width: 219px;
|
|
}
|
|
svg{
|
|
height: 30px;
|
|
}
|
|
}
|
|
.form-row-item-full{
|
|
width: 100%;
|
|
}
|
|
.form-row-value {
|
|
.el-select--small{
|
|
width: 100%;
|
|
}
|
|
|
|
}
|
|
.form-row-item:nth-of-type(even) {
|
|
/*margin-left: 10px;*/
|
|
}
|
|
.form-row-title{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 15px;
|
|
text-transform: initial;
|
|
.nz-icon-arrow-down{
|
|
display: inline-block;
|
|
transition: transform .3s;
|
|
}
|
|
.nz-icon-arrow-down.is-rotate{
|
|
transform: rotate(
|
|
-90deg
|
|
);
|
|
}
|
|
}
|
|
.form-row-content{
|
|
margin-bottom: 5px;
|
|
}
|
|
.right-box__container.pens-data{
|
|
overflow: unset;
|
|
overflow-y: unset;
|
|
}
|
|
.pens-canvas.pens-data{
|
|
height: 100%;
|
|
.form-row-box {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
.form-row-element {
|
|
flex: 1;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
.pen-tools-item {
|
|
margin-right: 5px;
|
|
font-size:17px;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
.right-box__container .chart-config .thresholds-item .mapping-display-input input{
|
|
padding-left: 15px;
|
|
}
|
|
.right-box__container .el-form{
|
|
padding-top: 0;
|
|
}
|
|
.pen-tools{
|
|
background: $--background-color-empty;
|
|
border: 1px solid $--border-color-light;
|
|
margin-bottom: 10px;
|
|
border-radius: 2px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 3px 10px;
|
|
cursor: pointer;
|
|
.nz-icon-edit1 {
|
|
display: none;
|
|
}
|
|
&:hover{
|
|
background: $--background-color-empty;
|
|
border: 1px solid $--border-select-color;
|
|
color: $--color-primary;
|
|
.nz-icon-edit1 {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
&.is-active {
|
|
background: $--background-color-empty;
|
|
border: 1px solid $--border-select-color;
|
|
color: $--color-primary;
|
|
.el-input__inner {
|
|
color: $--color-primary;
|
|
}
|
|
}
|
|
.hide-input {
|
|
display: flex;
|
|
.hide-input-nzName {
|
|
display: inline-block;
|
|
max-width: 260px;
|
|
flex-shrink: 0;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
.el-input__inner {
|
|
border-color: transparent;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
padding: 0 10px;
|
|
padding-right: 108px;
|
|
}
|
|
.el-input__inner:focus {
|
|
border-color: $--border-select-color;
|
|
color: $--color-text-regular;
|
|
}
|
|
.el-input__suffix {
|
|
line-height: 26px;
|
|
}
|
|
}
|
|
}
|
|
.promqlInput .el-cascader-menu{
|
|
width: 200px;
|
|
}
|
|
.element-item .el-row {
|
|
.el-cascader--small,.el-select--small {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.meta2d-image-box{
|
|
position: relative;
|
|
.el-collapse-item__content{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.image-box {
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.image-box-null {
|
|
border: 1px solid $--border-color-base-focus;
|
|
box-sizing: border-box;
|
|
border-radius: 2px;
|
|
}
|
|
}
|
|
.nz-color {
|
|
.vc-input__input {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
.image-input {
|
|
width: 100%;
|
|
height: 32px;
|
|
box-sizing: border-box;
|
|
padding: 0 10px;
|
|
line-height: 28px;
|
|
border: 1px solid $--border-color-light;
|
|
.el-icon-circle-close {
|
|
display: none;
|
|
}
|
|
.image-input-message {
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
.image-input:hover {
|
|
.el-icon-circle-close {
|
|
display: inline-block;
|
|
}
|
|
.image-input-message {
|
|
width: calc(100% - 20px);
|
|
}
|
|
}
|
|
.thresholds-from-item {
|
|
margin-left: 0px;
|
|
}
|
|
}
|
|
.image-select-box {
|
|
text-align: center;
|
|
width: 225px;
|
|
z-index: 1;
|
|
padding: 0px 0px 0px 0px;
|
|
background: $--background-color-empty;
|
|
border: none;
|
|
box-shadow: unset !important;
|
|
border-radius: 4px;
|
|
left: 0;
|
|
.el-card {
|
|
border: none;
|
|
box-shadow: unset !important;
|
|
}
|
|
.el-card__body {
|
|
padding: 0 10px;
|
|
}
|
|
.el-collapse-item {
|
|
margin-bottom: 2px;
|
|
}
|
|
.nz-collapse-header {
|
|
display: flex;
|
|
width: 100%;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
background: #FFFFFF;
|
|
box-sizing: border-box;
|
|
padding: 0 0 0 8px;
|
|
.nz-collapse-header-content {
|
|
width: calc(100% - 130px);
|
|
flex-shrink: 0;
|
|
text-align: left;
|
|
}
|
|
.nz-icon-caret-right {
|
|
display: inline-block;
|
|
width: 30px;
|
|
flex-shrink: 0;
|
|
height: 100%;
|
|
line-height: 32px;
|
|
}
|
|
.nz-icon-caret-right {
|
|
color: #BEBEBE;
|
|
transition: all 0.3s;
|
|
}
|
|
.title-delete {
|
|
display: none;
|
|
width: 100px;
|
|
flex-shrink: 0;
|
|
text-align: right;
|
|
}
|
|
.title-all {
|
|
display: inline-block;
|
|
width: 100px;
|
|
flex-shrink: 0;
|
|
text-align: right;
|
|
}
|
|
}
|
|
.nz-collapse-header:hover,.nz-collapse-header.is-active {
|
|
background: #F6F6F6;
|
|
color: $--color-primary;
|
|
.nz-icon-caret-right {
|
|
color: #BEBEBE;
|
|
}
|
|
.title-delete {
|
|
display: inline-block;
|
|
}
|
|
.title-all {
|
|
display: none;
|
|
}
|
|
}
|
|
.nz-collapse-header:hover {
|
|
background: #FFFFFF;
|
|
}
|
|
.nz-collapse-body {
|
|
padding: 5px;
|
|
box-sizing: border-box;
|
|
text-align: left;
|
|
}
|
|
.image-box-item {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
display: inline-block;
|
|
position: relative;
|
|
text-align: center;
|
|
width: 90px;
|
|
height: 90px;
|
|
margin: 5px;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
border: 1px solid transparent;
|
|
.image-src{
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.image-text {
|
|
width: 100%;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
.delIcon{
|
|
position: absolute;
|
|
right: 4px;
|
|
top: -1px;
|
|
display: none;
|
|
}
|
|
}
|
|
.image-box-item.is-select {
|
|
border-color: $--border-select-color;
|
|
.delIcon {
|
|
display: inline-block;
|
|
color: $--color-primary;
|
|
}
|
|
}
|
|
.image-box-item:hover {
|
|
border-color: $--border-select-color;
|
|
.delIcon {
|
|
display: inline-block;
|
|
color: $--color-primary;
|
|
}
|
|
}
|
|
.rotate90 {
|
|
display:inline-block;
|
|
transform: rotate(90deg);
|
|
}
|
|
}
|
|
.nz-select-img-dialog-footer {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
.el-icon-plus {
|
|
color: $--color-primary;
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
.nz-select-img-dialog {
|
|
.upload-pic-row {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0 20px;
|
|
.el-autocomplete{
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
.nz-new-dialog{
|
|
.el-dialog__header{
|
|
padding: 16px 20px;
|
|
.el-dialog__title{
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
border-bottom: 1px solid $--border-color-light;
|
|
}
|
|
.el-dialog__body{
|
|
padding: 0;
|
|
}
|
|
.el-dialog__footer{
|
|
border-top: 1px solid $--border-color-light;
|
|
padding: 13px 20px;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
.is-fullscreen.nz-new-dialog.meta2d-preview {
|
|
overflow: hidden;
|
|
.el-dialog__body{
|
|
flex: 1;
|
|
.meta2d-project {
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|