[F.END] Little more user friendly

This commit is contained in:
giuliof 2020-09-21 21:20:46 +02:00
parent e1280bf2b2
commit c5fe9a33f5
1 changed files with 16 additions and 4 deletions

View File

@ -91,19 +91,31 @@ function zerocalcareDisplay() {
descriptionElement.appendChild(document.createTextNode('📝 ')); descriptionElement.appendChild(document.createTextNode('📝 '));
descriptionElement.appendChild(descriptionText); descriptionElement.appendChild(descriptionText);
descriptionElement.style.display = "none"; descriptionElement.style.display = "none";
contentEventElement.appendChild(descriptionElement);
// Display a clickable "..." button. // Display a clickable "..." button.
var moreElement = document.createElement('div'); var moreElement = document.createElement('div');
moreElement.appendChild(document.createTextNode(' Più informazioni...')); var moreShowText = document.createElement('a');
var moreHideText = document.createElement('a');
moreShowText.appendChild(document.createTextNode('⬇️ Più informazioni...'));
moreElement.appendChild(moreShowText);
moreHideText.appendChild(document.createTextNode('⬆️ Nascondi informazioni...'));
moreHideText.style.display = "none";
moreElement.appendChild(moreHideText);
moreElement.onclick = () => { moreElement.onclick = () => {
if (descriptionElement.style.display == "none") { if (descriptionElement.style.display == "none") {
descriptionElement.style.display = "block"; descriptionElement.style.display =
moreHideText.style.display = "block";
moreShowText.style.display = "none";
} else { } else {
descriptionElement.style.display = "none"; descriptionElement.style.display =
moreHideText.style.display = "none";
moreShowText.style.display = "block";
} }
}; };
contentEventElement.appendChild(moreElement); contentEventElement.appendChild(moreElement);
contentEventElement.appendChild(descriptionElement);
} }
zerocalcareOutput.appendChild(eventElement); zerocalcareOutput.appendChild(eventElement);