cartodb/Leaflet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add CSS fallback to label tip position, as calc is not supported by IE8

Browse Source
This commit is contained in:
Yohan Boniface 2016-05-17 17:12:19 +02:00
parent 4a9140e6b1
commit accad9c35f
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
dist/leaflet.css vendored
View File

@ -576,14 +576,25 @@
} }
.leaflet-label-top:after, .leaflet-label-top:after,
.leaflet-label-top:before { .leaflet-label-top:before,
.leaflet-label-bottom:after,
.leaflet-label-bottom:before {
left: -49%; /* IE8 fallback */
/* Calc include 4 px of border - minus half of the 6px of tip size */ /* Calc include 4 px of border - minus half of the 6px of tip size */
left: calc(-50% + 1px); left: calc(-50% + 1px);
border-top-color: white;
position: relative; position: relative;
top: 29px; top: 29px;
} }
.leaflet-label-top:after,
.leaflet-label-top:before {
border-top-color: white;
}
.leaflet-label-bottom:after,
.leaflet-label-bottom:before {
border-bottom-color: white;
top: -28px;
}
.leaflet-label-top:before { .leaflet-label-top:before {
display: none; display: none;
border-right-color: transparent; border-right-color: transparent;
@ -607,15 +618,6 @@
border-top-color: transparent; border-top-color: transparent;
} }
.leaflet-label-bottom:after,
.leaflet-label-bottom:before {
/* Calc include 4 px of border - minus half of the 6px of tip size */
left: calc(-50% + 1px);
border-bottom-color: white;
position: relative;
top: -28px;
}
.leaflet-label-bottom:after { .leaflet-label-bottom:after {
border-right-color: transparent; border-right-color: transparent;
border-top-color: transparent; border-top-color: transparent;