Rounded legend tracks

This commit is contained in:
2019-10-13 11:22:22 +02:00
parent 5addf8717b
commit df82b27d80
5 changed files with 28 additions and 33 deletions

View File

@@ -13,9 +13,9 @@
<div id="elems">
<div id="post-button"><i class="fa fa-fw"></i></div>
<div id="legend" class="leaflet-control-layers leaflet-control leaflet-control-layers-expanded">
<div class="line main">Trajet principal</div>
<div class="line off-track">Variante</div>
<div class="line hitchhiking">Hors rando</div>
<div class="track"><span class="line main"></span><span class="desc">Trajet principal</span></div>
<div class="track"><span class="line off-track"></span><span class="desc">Variante</span></div>
<div class="track"><span class="line hitchhiking"></span><span class="desc">Hors rando</span></div>
</div>
</div>
</div>
@@ -99,7 +99,7 @@ function initPage(asHash) {
$('#legend').find('.line').each(function(iKey, oLegend){
var $Legend = $(oLegend);
var sTrackType = $Legend.attr('class').replace('line', '').trim();
self.tmp(['track-type-styles', sTrackType], {weight: parseInt($Legend.css('line-height')), color: $Legend.css('border-top-color'), opacity: 1});
self.tmp(['track-type-styles', sTrackType], {weight: parseInt($Legend.css('height')), color: $Legend.css('background-color'), opacity: 1});
});
//Scrollbar