.dc-distance-legend {
|
|
.label {
|
color: #000 !important;
|
}
|
|
.scale-bar {
|
border-color: #000 !important;
|
}
|
}
|
|
.dc-location-bar {
|
left: 50% !important;
|
bottom: 10px !important;
|
transform: translate(-50%, 0);
|
background-color: $bg-color !important;
|
z-index: 97;
|
|
}
|
|
.dc-zoom-controller {
|
top: auto !important;
|
left: 10px !important;
|
bottom: 56px !important;
|
width: 36px !important;
|
height: auto !important;
|
border-radius: 5px !important;
|
background: #fff !important;
|
z-index: 97 !important;
|
background-color: $bg-color !important;
|
|
|
&>div {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 36px !important;
|
height: 36px !important;
|
|
|
svg {
|
width: 20px !important;
|
height: 20px !important;
|
fill: #fff !important;
|
}
|
}
|
}
|
|
.dc-location-bar.homebottom {
|
bottom: 378px !important;
|
}
|
|
.dc-zoom-controller.homebottom {
|
left: 402px !important;
|
bottom: 362px !important;
|
}
|
|
.over-look-btn {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
position: absolute;
|
left: 10px;
|
bottom: 10px;
|
width: 36px;
|
height: 36px;
|
font-size: 20px;
|
color: #fff;
|
background: #fff;
|
border-radius: 5px;
|
z-index: 97;
|
background-color: $bg-color !important;
|
}
|
|
.over-look-btn.homebottom {
|
left: 402px !important;
|
bottom: 540px;
|
}
|
|
.over-look-btn.shrink-btn {
|
left: 410px !important;
|
}
|
|
.screen-full-btn {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
position: absolute;
|
left: 10px;
|
bottom: 10px;
|
width: 36px;
|
height: 36px;
|
font-size: 20px;
|
color: #fff;
|
background: #fff;
|
border-radius: 5px;
|
z-index: 97;
|
background-color: $bg-color !important;
|
|
|
// &.hover-effect {
|
// cursor: pointer;
|
// transition: background 0.3s;
|
|
// &:hover {
|
// background: rgba(0, 0, 0, 0.025);
|
// }
|
// }
|
}
|
|
.screen-full-btn.homebottom {
|
left: 402px !important;
|
bottom: 318px;
|
}
|
|
.screen-full-btn.shrink-btn {
|
left: 410px !important;
|
}
|
|
.dc-zoom-controller.shrink-btn {
|
left: 410px !important;
|
}
|
|
.image-switch-icon-btn {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
position: absolute;
|
left: 10px;
|
bottom: 178px;
|
width: 36px;
|
height: 36px;
|
font-size: 20px;
|
|
color: #fff;
|
border-right: 10px solid transparent;
|
box-sizing: content-box;
|
background: transparent;
|
|
z-index: 97;
|
|
cursor: pointer;
|
|
.icon-box {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
width: 100%;
|
height: 100%;
|
background-color: $bg-color !important;
|
border-radius: 5px;
|
}
|
}
|
|
.image-switch-icon-btn.iconbottom {
|
left: 402px;
|
bottom: 474px;
|
}
|
|
.image-switch-icon-btn.shrink-btn {
|
left: 410px !important;
|
}
|
|
.image-switch-img-btn {
|
display: flex;
|
flex-direction: column;
|
position: absolute;
|
font-size: 20px;
|
font-weight: normal;
|
color: #fff;
|
background: $bg-color;
|
border-radius: 5px;
|
z-index: 97;
|
// background-color: $table-header-bg-color !important;
|
cursor: pointer;
|
transform: translate(0, -50%);
|
|
|
.layer-change-box {
|
display: flex;
|
flex-direction: column;
|
|
.title {
|
.close {
|
position: absolute;
|
right: 5px;
|
top: 0;
|
}
|
|
.close::before {
|
font-family: element-icons;
|
content: '\e6db';
|
cursor: pointer;
|
font-size: 16px;
|
}
|
|
.close:hover::before {
|
color: #3d95f3;
|
}
|
}
|
|
.content {
|
display: flex;
|
}
|
}
|
|
.img,
|
.elec {
|
position: relative;
|
background-image: url(/img/img.png);
|
background-size: 100% 100%;
|
width: 80px;
|
height: 60px;
|
|
span {
|
position: absolute;
|
left: 0;
|
bottom: 0;
|
background: rgba(0, 0, 0, 0.5);
|
|
}
|
|
&>.on {
|
color: #337fe5;
|
}
|
}
|
|
.img:hover span,
|
.elec:hover span {
|
// border: 2px solid #eee;
|
font-weight: 700;
|
}
|
|
.elec {
|
background-image: url(/img/elec.png);
|
}
|
|
.light {
|
background-image: url(/img/mx.png);
|
}
|
|
.high {
|
background-image: url(/img/mx.png);
|
}
|
}
|
