misc: modify nearby map marker display (#87183)
gitea/publik-base-theme/pipeline/head This commit looks good Details

This commit is contained in:
Thomas Jund 2024-02-20 10:25:06 +01:00 committed by Paul Marillonnet
parent 9687c89a31
commit 4c46003717
2 changed files with 17 additions and 8 deletions

View File

@ -48,15 +48,22 @@
border-radius: 3px;
}
.template-nearby-forms div.leaflet-div-icon {
box-sizing: content-box;
padding: 3px;
margin: auto;
border-radius: 3px;
display: flex;
.template-nearby-forms .nearby-marker {
a {
line-height: 1;
margin: auto;
display: block;
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;
}
}
}

View File

@ -41,8 +41,10 @@ $(function() {
{
pointToLayer: function (feature, latlng) {
marker = L.divIcon({
className: "nearby-marker",
iconAnchor: [0, 0],
popupAnchor: [5, -45],
iconSize: null,
html: '<a href="#nearby-' + feature.properties.counter + '" class="demand-map-marker">' +
feature.properties.counter + '</a>'
});