Use multiple columns for map controls if they don't fit vertically
This commit is contained in:
parent
eae9c15b75
commit
98d1da4b98
1 changed files with 9 additions and 0 deletions
|
@ -351,6 +351,15 @@ body.small-nav {
|
||||||
|
|
||||||
/* Rules for Leaflet maps */
|
/* Rules for Leaflet maps */
|
||||||
|
|
||||||
|
.leaflet-top.leaflet-right,
|
||||||
|
.leaflet-top.leaflet-left {
|
||||||
|
height: 100%;
|
||||||
|
column-gap: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
flex-wrap: wrap-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
.leaflet-control .control-button {
|
.leaflet-control .control-button {
|
||||||
display: block;
|
display: block;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue