maps: display icon next to name in layer options (#16680)

This only works in Firefox.
This commit is contained in:
Frédéric Péters 2017-06-03 12:28:51 +02:00
parent 544dd6f9ac
commit 33c81da7b0
1 changed files with 21 additions and 0 deletions

View File

@ -32,58 +32,79 @@ div.leaflet-div-icon span i:before {
/* leaflet markers icons */
select#id_icon option::before,
i.leaflet-marker-icon {
font: normal normal normal 1rem/1 FontAwesome;
}
select#id_icon option::before {
padding-right: 1ex;
display: inline-block;
width: 3ex;
text-align: center;
}
select#id_icon option[value=house]::before,
i.leaflet-marker-icon.house::before {
content: "\f015"; /* home */
}
select#id_icon option[value=building]::before,
i.leaflet-marker-icon.building::before {
content: "\f0f7"; /* building */
}
select#id_icon option[value=hospital]::before,
i.leaflet-marker-icon.hospital::before {
content: "\f0f8"; /* hospital */
}
select#id_icon option[value=ambulance]::before,
i.leaflet-marker-icon.ambulance::before {
content: "\f0f9"; /* ambulance */
}
select#id_icon option[value=taxi]::before,
i.leaflet-marker-icon.taxi::before {
content: "\f1ba"; /* taxi */
}
select#id_icon option[value=subway]::before,
i.leaflet-marker-icon.subway::before {
content: "\f239"; /* subway */
}
select#id_icon option[value=wheelchair]::before,
i.leaflet-marker-icon.wheelchair::before {
content: "\f193"; /* wheelchair */
}
select#id_icon option[value=bicycle]::before,
i.leaflet-marker-icon.bicycle::before {
content: "\f206"; /* bicycle */
}
select#id_icon option[value=car]::before,
i.leaflet-marker-icon.car::before {
content: "\f1b9"; /* car */
}
select#id_icon option[value=train]::before,
i.leaflet-marker-icon.train::before {
content: "\f238"; /* train */
}
select#id_icon option[value=bus]::before,
i.leaflet-marker-icon.bus::before {
content: "\f207"; /* bus */
}
select#id_icon option[value=motorcycle]::before,
i.leaflet-marker-icon.motorcycle::before {
content: "\f21c"; /* motorcycle */
}
select#id_icon option[value=truck]::before,
i.leaflet-marker-icon.truck::before {
content: "\f0d1"; /* truck */
}