@vtx/cs-map
Version:
React components for Vortex
43 lines (42 loc) • 1.21 kB
CSS
.cs-map-tools-modal {
position: absolute;
top: 0;
right: 0;
-webkit-transform: translateX(calc(100% + 12px));
-ms-transform: translateX(calc(100% + 12px));
transform: translateX(calc(100% + 12px));
min-width: 380px;
background: rgba(0, 35, 65, 0.9);
padding: 0;
margin: 0;
-webkit-box-shadow: 0 0 5px rgba(1, 211, 252, 0.75) inset;
box-shadow: 0 0 5px rgba(1, 211, 252, 0.75) inset;
-webkit-transition: max-height 0.3s;
transition: max-height 0.3s;
border-radius: 4px;
}
.cs-map-tools-modal.modal-left {
left: 0;
-webkit-transform: translateX(calc(-100% - 12px));
-ms-transform: translateX(calc(-100% - 12px));
transform: translateX(calc(-100% - 12px));
}
.cs-map-tools-modal .cs-map-tools-modal-title {
padding: 12px;
font-size: 16px;
font-weight: 500;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #f0f0f0;
}
.cs-map-tools-modal .cs-map-tools-modal-content {
padding: 12px;
}