Amelioration de la legende
This commit is contained in:
parent
9e22e38b8f
commit
0cbe9a80ec
2 changed files with 7 additions and 1 deletions
|
|
@ -131,6 +131,10 @@ body > hr {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#map .map-hilight-area:not(.active) {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* SAERCH FORM */
|
/* SAERCH FORM */
|
||||||
|
|
||||||
#search-section {
|
#search-section {
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,8 @@ TEMPLATE.innerHTML = `
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
background-color: color-mix(in srgb, var(--background-color, transparent), transparent 50%);
|
||||||
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border: solid 1px transparent;
|
border: solid 1px transparent;
|
||||||
}
|
}
|
||||||
|
|
@ -56,7 +58,7 @@ export class FeatureLegendElement extends HTMLElement {
|
||||||
container.hidden = !this.feature
|
container.hidden = !this.feature
|
||||||
if(this.feature){
|
if(this.feature){
|
||||||
let symbol = this.feature.mapSymbol
|
let symbol = this.feature.mapSymbol
|
||||||
container.style.backgroundColor = symbol.backgroundColor || "transparent"
|
container.style.setProperty("--background-color", symbol.backgroundColor || "transparent");
|
||||||
container.style.backgroundImage = symbol.backgroundUrl ? `url(${symbol.backgroundUrl})` : "none"
|
container.style.backgroundImage = symbol.backgroundUrl ? `url(${symbol.backgroundUrl})` : "none"
|
||||||
container.style.borderColor = symbol.borderColor || "transparent"
|
container.style.borderColor = symbol.borderColor || "transparent"
|
||||||
if(symbol.markerUrl){
|
if(symbol.markerUrl){
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue