55 lines
981 B
CSS
55 lines
981 B
CSS
|
.leaflet-bar button,
|
||
|
.leaflet-bar button:hover {
|
||
|
background-color: #fff;
|
||
|
border: none;
|
||
|
border-bottom: 1px solid #ccc;
|
||
|
min-width: 26px;
|
||
|
min-height: 26px;
|
||
|
display: block;
|
||
|
text-align: center;
|
||
|
text-decoration: none;
|
||
|
color: black;
|
||
|
}
|
||
|
|
||
|
.leaflet-bar button {
|
||
|
background-position: 50% 50%;
|
||
|
background-repeat: no-repeat;
|
||
|
overflow: hidden;
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
.leaflet-bar button:hover {
|
||
|
background-color: #f4f4f4;
|
||
|
}
|
||
|
|
||
|
.leaflet-bar button:first-of-type {
|
||
|
border-top-left-radius: 4px;
|
||
|
border-top-right-radius: 4px;
|
||
|
}
|
||
|
|
||
|
.leaflet-bar button:last-of-type {
|
||
|
border-bottom-left-radius: 4px;
|
||
|
border-bottom-right-radius: 4px;
|
||
|
border-bottom: none;
|
||
|
}
|
||
|
|
||
|
.leaflet-bar.disabled,
|
||
|
.leaflet-bar button.disabled {
|
||
|
cursor: default;
|
||
|
pointer-events: none;
|
||
|
opacity: .4;
|
||
|
}
|
||
|
|
||
|
.easy-button-button .button-state{
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
.leaflet-touch .leaflet-bar button {
|
||
|
width: 30px;
|
||
|
height: 30px;
|
||
|
line-height: 30px;
|
||
|
}
|