misc: modify nearby map marker display (#87183)
gitea/publik-base-theme/pipeline/head This commit looks good
Details
gitea/publik-base-theme/pipeline/head This commit looks good
Details
This commit is contained in:
parent
9687c89a31
commit
4c46003717
|
@ -48,15 +48,22 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.template-nearby-forms div.leaflet-div-icon {
|
.template-nearby-forms .nearby-marker {
|
||||||
box-sizing: content-box;
|
|
||||||
padding: 3px;
|
|
||||||
margin: auto;
|
|
||||||
border-radius: 3px;
|
|
||||||
display: flex;
|
|
||||||
a {
|
a {
|
||||||
line-height: 1;
|
display: block;
|
||||||
margin: auto;
|
padding: 0 3px;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: $button-background;
|
||||||
|
color: $button-color;
|
||||||
|
min-width: 1.4em;
|
||||||
|
line-height: 1.4;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
outline: 1px solid white;
|
||||||
|
&:hover {
|
||||||
|
outline-width: 3px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -41,8 +41,10 @@ $(function() {
|
||||||
{
|
{
|
||||||
pointToLayer: function (feature, latlng) {
|
pointToLayer: function (feature, latlng) {
|
||||||
marker = L.divIcon({
|
marker = L.divIcon({
|
||||||
|
className: "nearby-marker",
|
||||||
iconAnchor: [0, 0],
|
iconAnchor: [0, 0],
|
||||||
popupAnchor: [5, -45],
|
popupAnchor: [5, -45],
|
||||||
|
iconSize: null,
|
||||||
html: '<a href="#nearby-' + feature.properties.counter + '" class="demand-map-marker">' +
|
html: '<a href="#nearby-' + feature.properties.counter + '" class="demand-map-marker">' +
|
||||||
feature.properties.counter + '</a>'
|
feature.properties.counter + '</a>'
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue