Widget:Calculator/Combat/Level: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
#level-hints ul { | |||
list-style: none; | |||
padding-left: 0; | |||
margin-top: 6px; | |||
} | |||
#level-hints li { | |||
margin: 2px 0; | |||
display: flex; | |||
align-items: center; | |||
gap: 6px; | |||
} | |||
#combat-table { | #combat-table { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
| Line 21: | Line 35: | ||
border: 1px solid #333; | border: 1px solid #333; | ||
border-radius: 5px; | border-radius: 5px; | ||
max-width: | max-width: 335px; | ||
} | } | ||
| Line 130: | Line 144: | ||
]; | ]; | ||
document.getElementById("level-hints").innerHTML = `To reach level ${nextLevel}: ${hints.join(" or ")}`; | //document.getElementById("level-hints").innerHTML = `To reach level ${nextLevel}: ${hints.join(" or ")}`; | ||
document.getElementById("level-hints").innerHTML = `<div>To reach level ${nextLevel}, you would need one of the following:</div><ul><li>${hints.join("</li><li>")}</li></ul>`; | |||
} | } | ||