Cross codes now highlight when you are in range to input them.

This commit is contained in:
Ada Werefox 2024-04-06 23:13:36 -05:00
parent 9fea6e1d95
commit a79ed28dc2
3 changed files with 27 additions and 5 deletions

View File

@ -261,11 +261,23 @@ async function update_codes(codes) {
.getElementById("codes-list")
.querySelector(`[data-codename="${code}"]`)
.classList.add(`order-last`);
} else {
document
.getElementById("codes-list")
.querySelector(`[data-codename="${code}"]`)
.classList.add(`order-${index + 1}`);
}
if (codes[code].InRange) {
document
.getElementById("codes-list")
.querySelector(`[data-codename="${code}"]`)
.classList.add(`bg-[#ffe28558]`);
} else {
document
.getElementById("codes-list")
.querySelector(`[data-codename="${code}"]`)
.classList.remove(`bg-[#ffe28558]`);
}
document
.getElementById("codes-list")
.querySelector(`[data-codename="${code}"]`)
.classList.add(`order-[${index + 1}]`);
document
.getElementById("codes-list")
.querySelector(`[data-codename="${code}"]`).dataset.order = index + 1;

View File

@ -132,7 +132,7 @@
{% endfor %}
</div>
</div> {% endcomment %}
{% comment %} <div class="order-1 order-2 order-3 order-4 order-5 order-6 order-7 order-8 order-9 order-10 order-11 order-12"></div> {% endcomment %}
{% comment %} <div class="order-1 order-2 order-3 order-4 order-5 order-6 order-7 order-8 order-9 order-10 order-11 order-12 order-13 order-14 order-15 order-16 order-17 order-18 order-19 order-20 bg-[#ffe28558]"></div> {% endcomment %}
{% include "tracker/src/index.html" with tracker_fe_link="https://gitea.werefox.cafe/ada/tunic-tracker-redux" tracker_be_link="https://github.com/spaceglace/TunicTransitionTracker" %}
</div>
{% endblock content %}

View File

@ -222,6 +222,16 @@ module.exports = {
"0%, 100%": { transform: "translate(0, 0) rotate(0)" },
},
},
order: {
13: "13",
14: "14",
15: "15",
16: "16",
17: "17",
18: "18",
19: "19",
20: "20",
},
},
},
plugins: [