diff --git a/web/themes/custom/caravane/assets/js/main.js b/web/themes/custom/caravane/assets/js/main.js
index 12275ff..33f54a9 100644
--- a/web/themes/custom/caravane/assets/js/main.js
+++ b/web/themes/custom/caravane/assets/js/main.js
@@ -152,20 +152,26 @@ import router from './router/router';
const icons = document.querySelectorAll('.leaflet-map-divicon');
for (let icon of icons) {
const colorContainer = icon.querySelector('.couleur');
- const colorDiv = colorContainer.querySelector('div > div:nth-of-type(4)');
- const color = colorDiv.innerText.substring(colorDiv.innerText.indexOf('>') + 1, colorDiv.innerText.indexOf('<', colorDiv.innerText.indexOf('>') + 1)).trim();
- console.log(color);
-
+ let colorDivs = colorContainer.querySelectorAll('.separated-content');
+ let color;
+ colorDivs.forEach((div) => {
+ if (div.innerText.startsWith('
')) {
+ color = div.innerText;
+ }
+ });
+ color = color.substring(color.indexOf('>') + 1, color.indexOf('<', color.indexOf('>') + 1)).trim();
const nid = icon.querySelector('.nid');
- const nidValue = nid.querySelector('div > div').innerText;
+ const nidValue = nid.querySelector('.separated-content').innerText;
icon.addEventListener('click', function(event) {
store.fetchEtapeData(nidValue);
});
- colorContainer.remove();
- nid.remove();
+ //colorContainer.remove();
+ //nid.remove();
+ colorContainer.style.display = "none";
+ nid.style.display = "none";
const iconElements = icon.querySelectorAll('div');
for (let iconElement of iconElements) {
iconElement.style.backgroundColor = color;
diff --git a/web/themes/custom/caravane/assets/scss/main.scss b/web/themes/custom/caravane/assets/scss/main.scss
index 1ddaea1..a67e55e 100644
--- a/web/themes/custom/caravane/assets/scss/main.scss
+++ b/web/themes/custom/caravane/assets/scss/main.scss
@@ -301,7 +301,7 @@ body{
clip-path: polygon(0 0, 100% 0, 50% 100%);
transform: rotate(180deg);
}
- > div:last-of-type {
+ > div:nth-of-type(3) {
height: 8px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
}