Agriculture-front-end/public/Cesium/Widgets/ProjectionPicker/ProjectionPicker.css

46 lines
1.2 KiB
CSS
Raw Normal View History

2023-04-16 22:33:44 +08:00
span.cesium-projectionPicker-wrapper {
2023-09-11 21:56:39 +08:00
display: inline-block;
position: relative;
margin: 0 3px;
2023-04-16 22:33:44 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-16 22:33:44 +08:00
.cesium-projectionPicker-visible {
2023-09-11 21:56:39 +08:00
visibility: visible;
opacity: 1;
transition: opacity 0.25s linear;
2023-04-16 22:33:44 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-16 22:33:44 +08:00
.cesium-projectionPicker-hidden {
2023-09-11 21:56:39 +08:00
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.25s, opacity 0.25s linear;
2023-04-16 22:33:44 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-16 22:33:44 +08:00
.cesium-projectionPicker-wrapper .cesium-projectionPicker-none {
2023-09-11 21:56:39 +08:00
display: none;
2023-04-16 22:33:44 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-16 22:33:44 +08:00
.cesium-projectionPicker-wrapper .cesium-projectionPicker-dropDown-icon {
2023-09-11 21:56:39 +08:00
box-sizing: border-box;
padding: 0;
margin: 3px 0;
2023-04-16 22:33:44 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-16 22:33:44 +08:00
.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective,
.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic {
2023-09-11 21:56:39 +08:00
margin: 0 0 3px 0;
2023-04-16 22:33:44 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-16 22:33:44 +08:00
.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective .cesium-projectionPicker-iconOrthographic {
2023-09-11 21:56:39 +08:00
left: 100%;
2023-04-16 22:33:44 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-16 22:33:44 +08:00
.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic .cesium-projectionPicker-iconPerspective {
2023-09-11 21:56:39 +08:00
left: -100%;
2023-04-16 22:33:44 +08:00
}
2023-09-11 21:56:39 +08:00
2023-04-16 22:33:44 +08:00
.cesium-projectionPicker-wrapper .cesium-projectionPicker-selected {
2023-09-11 21:56:39 +08:00
border-color: #2e2;
box-shadow: 0 0 8px #fff, 0 0 8px #fff;
2023-04-16 22:33:44 +08:00
}