修改自定义颜色插件
This commit is contained in:
@ -1029,21 +1029,152 @@
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.ew-color-dropbtns>.ew-color-input {
|
||||
color: #000000;
|
||||
width: 60%;
|
||||
background-color: #00000000;
|
||||
margin-top: 1px;
|
||||
.YJ-custom-base-dialog .ew-color-picker {
|
||||
background: linear-gradient(0deg, var(--color-sdk-bg-gradual)), rgba(0, 0, 0, 0.6);
|
||||
border-image: linear-gradient(to bottom, var(--color-sdk-gradual)) 1;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.ew-color-dropbtns>.ew-color-dropbtngroup {
|
||||
.YJ-custom-base-dialog .ew-color-picker>.ew-color-picker-content {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.YJ-custom-base-dialog .ew-color-picker>.ew-color-picker-content>.ew-color-panel {
|
||||
width: 302px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker> .ew-color-input {
|
||||
margin-top: 1px;
|
||||
font-size: 14px;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
border-radius: 5px;
|
||||
line-height: 32px;
|
||||
height: 32px;
|
||||
color: var(--color-sdk-auxiliary-public);
|
||||
box-sizing: border-box;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker .icon-pen-box {
|
||||
display: inline-block;
|
||||
/* cursor: pointer; */
|
||||
cursor: no-drop;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker .icon-pen-box .icon-pen {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker .icon-pen-box:hover .icon-pen {
|
||||
fill: rgba(var(--color-sdk-base-rgb), 1);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker .color-alpha {
|
||||
margin-left: 6px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker .color-alpha>input {
|
||||
font-weight: 400;
|
||||
font-family: Arial;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container {
|
||||
width: 324px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container>.ew-pre-define-color {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 0 0 8px 8px;
|
||||
border: 1px solid #9b979b;
|
||||
}
|
||||
.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container>.ew-pre-define-color:nth-child(11n+1) {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container>.ew-pre-define-color-active {
|
||||
border-color: #ffffff;
|
||||
-webkit-box-shadow: unset !important;
|
||||
box-shadow: unset !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container {
|
||||
margin-top: 8px;
|
||||
width: 324px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color {
|
||||
position: relative;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
float: left;
|
||||
margin: 0 0 8px 8px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #9b979b;
|
||||
outline: none;
|
||||
text-align: center;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
|
||||
}
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color:nth-child(11n+1) {
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.add,
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract {
|
||||
border-color: rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
background: unset;
|
||||
}
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.add:hover,
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract:hover {
|
||||
border-color: rgba(var(--color-sdk-base-rgb), 0.4);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container svg,
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container> svg {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color-active {
|
||||
border-color: #ffffff !important;
|
||||
-webkit-box-shadow: unset !important;
|
||||
box-shadow: unset !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color>.yj-pre-define-color-item.subtract-btn,
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color>.yj-pre-define-color-item {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color>.yj-pre-define-color-item.subtract-btn {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color:hover {
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.ew-color-dropbtns>.ew-color-dropbtngroup button {
|
||||
background: unset;
|
||||
border: 1px solid #dcdfe6;
|
||||
color: #000;
|
||||
.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup button {
|
||||
padding: 5px 10px 4px 10px;
|
||||
}
|
||||
.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup button.ew-color-clear {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker-box {
|
||||
@ -1051,9 +1182,19 @@
|
||||
border-color: #ffffff;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-no,
|
||||
.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-arrow {
|
||||
border: 1px solid rgba(var(--color-sdk-auxiliary), 0.5);
|
||||
;
|
||||
width: 21px !important;
|
||||
height: 21px !important;
|
||||
line-height: 18px !important;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-no svg,
|
||||
.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-arrow svg {
|
||||
margin: 0;
|
||||
fill: rgba(var(--color-sdk-auxiliary), 1)
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-arrow>.ew-color-picker-arrow-right,
|
||||
@ -1068,6 +1209,15 @@
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtns{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker svg{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* 滑块样式 */
|
||||
.DIV_cy_slider {
|
||||
width: 100%;
|
||||
@ -1515,7 +1665,6 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content .cy_datalist dl dd:hover {
|
||||
@ -1785,89 +1934,6 @@
|
||||
.YJ-custom-base-dialog.water-surface>.content>div .row .label {
|
||||
flex: 0 0 60px;
|
||||
}
|
||||
/* 流光飞线 */
|
||||
.YJ-custom-base-dialog.flow-line-surface>.content {
|
||||
width: 586px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.flow-line-surface>.content>div .row .label {
|
||||
flex: 0 0 60px;
|
||||
}
|
||||
|
||||
/* 光照 */
|
||||
.YJ-custom-base-dialog.sun-shine-surface>.content {
|
||||
width: 586px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.sun-shine-surface>.content>div .row .label {
|
||||
flex: 0 0 60px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.sun-shine-surface>.content>div .timeline-container {
|
||||
width: 100%;
|
||||
padding: 20px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.sun-shine-surface>.content>div .timeline {
|
||||
height: 8px;
|
||||
background: #f0f0f0;
|
||||
border-radius: 15px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.sun-shine-surface>.content>div .progress {
|
||||
height: 100%;
|
||||
width: 0;
|
||||
background: rgba(var(--color-sdk-base-rgb), 1);
|
||||
border-radius: 15px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.sun-shine-surface>.content>div .handle {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: white;
|
||||
/* border: 3px solid #4285f4; */
|
||||
background: rgba(var(--color-sdk-base-rgb), 1);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
right: -8px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.sun-shine-surface>.content>div .time-marks {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.sun-shine-surface>.content>div .time-mark {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.sun-shine-surface>.content>div .controls {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
|
||||
.YJ-custom-base-dialog.sun-shine-surface>.content>div .current-time {
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
text-align: center;
|
||||
right: -25px;
|
||||
top: -200%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.sun-shine-surface>.content>div #timePause {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/* 电子围墙 */
|
||||
.YJ-custom-base-dialog.wall-stereoscopic>.content {
|
||||
@ -2599,9 +2665,7 @@
|
||||
.YJ-custom-base-dialog.polyline>.content {
|
||||
width: 580px;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div #dashTextureDom {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .row .col {
|
||||
margin: 0 10px;
|
||||
}
|
||||
@ -2650,117 +2714,6 @@
|
||||
max-height: 185px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit-box textarea {
|
||||
border-radius: unset!important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit .datalist {
|
||||
background-color:rgba(var(--color-sdk-base-rgb), 0.1)!important;
|
||||
border-radius: 4px 0px 0px 4px !important;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) .datalist {
|
||||
background-color:rgba(var(--color-sdk-base-rgb), 0.1)!important;
|
||||
border-radius: 4px 0px, 0px, 4px!important;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) .datalist {
|
||||
background-color:rgba(var(--color-sdk-base-rgb), 0.1)!important;
|
||||
border-radius: 0px 4px 4px 0px!important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) input {
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5)!important;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) input {
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5)!important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content input.input-text{
|
||||
background-color: rgba(0, 0, 0, 0.5)!important;
|
||||
border-radius: unset!important;
|
||||
border-top: 1px solid rgba(var(--color-sdk-base-rgb), 0.5)!important;
|
||||
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist input {
|
||||
padding-left: 35px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .icon-active {
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
left: 10px;
|
||||
-webkit-pointer-events: none;
|
||||
-moz-pointer-events: none;
|
||||
-ms-pointer-events: none;
|
||||
-o-pointer-events: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.icon {
|
||||
display: inline-block;
|
||||
width: 22px;
|
||||
height: 10px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.line {
|
||||
border: 1px solid rgba(255, 255, 255, 1);
|
||||
height: 0px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.dash-line {
|
||||
border: 1px dashed rgba(255, 255, 255, 1);
|
||||
height: 0px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.light-line {
|
||||
border: 1px solid rgba(255, 255, 255, 1);
|
||||
height: 0px;
|
||||
margin-top: 4px;
|
||||
box-shadow: 0 0 3px #fff
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.tail-line {
|
||||
background: url(../../img/arrow/tail.png) 100% 100% no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.mult-tail-line {
|
||||
background: url(../../img/arrow/tail.png) 100% 100% no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line1 {
|
||||
border: 1px dashed rgba(255, 255, 255, 1);
|
||||
height: 0px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line2 {
|
||||
border: 1px dashed rgba(255, 255, 255, 1);
|
||||
height: 0px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line1 {
|
||||
background: url(../../img/arrow/1.png) 100% 100% no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line2 {
|
||||
background: url(../../img/arrow/2.png) 100% 100% no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line3 {
|
||||
background: url(../../img/arrow/3.png) 100% 100% no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line4 {
|
||||
background: url(../../img/arrow/4.png) 100% 100% no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line5 {
|
||||
background: url(../../img/arrow/5.png) 100% 100% no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.pic-line6 {
|
||||
background: url(../../img/arrow/6.png) 100% 100% no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
/* 贴地图片 */
|
||||
.YJ-custom-base-dialog.ground-image>.content {
|
||||
width: 500px;
|
||||
@ -3184,4 +3137,4 @@
|
||||
|
||||
.YJ-custom-base-dialog.contour>.content .label {
|
||||
flex: unset;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user