0001-maps-adjust-rendering-using-sass-variables-and-fixed.patch
| combo/apps/maps/static/css/combo.map.scss | ||
|---|---|---|
| 1 |
$marker_width: 40px; |
|
| 2 | ||
| 1 | 3 |
$marker_icons: ( |
| 2 | 4 |
(ambulance, "\f0f9"), |
| 3 | 5 |
(bicycle, "\f206"), |
| ... | ... | |
| 50 | 52 |
} |
| 51 | 53 | |
| 52 | 54 |
div.leaflet-div-icon span {
|
| 53 |
width: 2.3em;
|
|
| 54 |
height: 2.3em;
|
|
| 55 |
width: #{$marker_width};
|
|
| 56 |
height: #{$marker_width};
|
|
| 55 | 57 |
display: block; |
| 56 |
left: -1.15em; /* 2.3 / 2 */
|
|
| 57 |
top: -3em; /* 2.3 * 1.2 */
|
|
| 58 |
left: #{0 - $marker_width / 2};
|
|
| 59 |
top: #{0 - $marker_width * 1.2};
|
|
| 58 | 60 |
position: relative; |
| 59 |
border-radius: 11em 6em 0.8em;
|
|
| 61 |
border-radius: #{$marker_width * 10} #{$marker_width * 6} #{$marker_width * 0.5};
|
|
| 60 | 62 |
transform: scale(1, 1.3) rotate(45deg); |
| 61 |
box-sizing: border-box;
|
|
| 63 |
box-sizing: content-box;
|
|
| 62 | 64 |
} |
| 63 | 65 | |
| 64 | 66 |
div.leaflet-div-icon span {
|
| ... | ... | |
| 97 | 99 |
} |
| 98 | 100 |
} |
| 99 | 101 | |
| 100 |
div.leaflet-div-icon span i:before {
|
|
| 102 |
div.leaflet-div-icon span i::before {
|
|
| 101 | 103 |
display: inline-block; |
| 102 | 104 |
background: white; |
| 103 | 105 |
border-radius: 100%; |
| 104 |
padding: 0.5ex;
|
|
| 106 |
padding: #{$marker_width * 0.1};
|
|
| 105 | 107 |
transform: scale(1.3, 1); |
| 106 |
margin-top: -0.3ex; |
|
| 107 |
height: 1rem; |
|
| 108 |
width: 1rem; |
|
| 108 |
position: relative; |
|
| 109 |
top: #{0 - $marker_width * 0.1};
|
|
| 110 |
height: #{$marker_width * 0.5};
|
|
| 111 |
line-height: #{$marker_width * 0.5};
|
|
| 112 |
width: #{$marker_width * 0.5};
|
|
| 109 | 113 |
} |
| 110 | 114 | |
| 111 | 115 |
/* leaflet markers icons */ |
| 112 |
- |
|