mirror of
https://github.com/muerwre/orchidmap-front.git
synced 2025-04-25 19:16:41 +07:00
marker clusterization
This commit is contained in:
parent
0caa8b3624
commit
9d48c479a5
7 changed files with 73 additions and 5 deletions
|
@ -30,3 +30,4 @@
|
|||
@tooltip_background: #123740;
|
||||
|
||||
@loading_shade: darken(fade(@blue_secondary, 80%), 20%);
|
||||
@cluster_small: #0069a7;
|
||||
|
|
|
@ -107,3 +107,27 @@
|
|||
.leaflet-top {
|
||||
top: 42px;
|
||||
}
|
||||
|
||||
.leaflet-div-icon {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
.custom-marker-cluster {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: @cluster_small;
|
||||
border-radius: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: white;
|
||||
box-shadow: fade(@cluster_small, 70%) 0 0 0 5px;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
transform: translate(-12px, -12px);
|
||||
transition: box-shadow 250ms;
|
||||
|
||||
&:hover {
|
||||
box-shadow: fade(@cluster_small, 70%) 0 0 0 7px;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue