Small enhancement to the popup's close button (#7908)

* Popup close button enhancement

* Set `leaflet-popup-content`'s inline margin to the width of the close button

* slightly smaller margin on the left

Co-authored-by: Volodymyr Agafonkin <agafonkin@gmail.com>
This commit is contained in:
Robert Linder
2022-04-18 10:15:33 +02:00
committed by GitHub
parent 0daaa23116
commit 0c86a355ac

9
dist/leaflet.css vendored
View File

@ -479,7 +479,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
border-radius: 12px; border-radius: 12px;
} }
.leaflet-popup-content { .leaflet-popup-content {
margin: 13px 19px; margin: 13px 24px 13px 20px;
line-height: 1.3; line-height: 1.3;
font-size: 13px; font-size: 13px;
font-size: 1.08333em; font-size: 1.08333em;
@ -522,12 +522,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
padding: 4px 4px 0 0;
border: none; border: none;
text-align: center; text-align: center;
width: 18px; width: 24px;
height: 14px; height: 24px;
font: 16px/14px Tahoma, Verdana, sans-serif; font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575; color: #757575;
text-decoration: none; text-decoration: none;
background: transparent; background: transparent;