-// TODO: update css
-
.googleMap {
height: 400px;
}
.googleMapsCustomControlContainer {
cursor: pointer !important;
margin-top: 5px;
-
+
.googleMapsCustomControl {
- // TODO: .userSelectNone;
-
text-align: center;
position: relative;
color: rgb(86, 86, 86);
border: 1px solid rgba(0, 0, 0, 0.14902);
box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
min-width: 29px;
-
+
&:hover {
background-color: rgb(235, 235, 235);
color: rgb(0, 0, 0);
}
-
+
&.active {
color: rgb(0, 0, 0);
font-weight: 500;
.googleMapsDirectionsContainer {
@include screen-lg {
display: flex;
-
+
.googleMap,
.googleMapsDirections {
flex: 0 0 50%;
}
}
-
+
.googleMapsDirections {
height: 400px;
padding-left: 10px;