Expand the arrow hitbox even further

This commit is contained in:
hppeng 2022-07-20 10:25:32 -07:00
parent fc5332e0d6
commit a63b4df3aa
3 changed files with 7 additions and 5 deletions

View file

@ -132,6 +132,10 @@ input.equipment-input {
font-weight: bold;
}
.clickable {
cursor: pointer;
}
:root {
--scaled-fontsize: 2.5rem;
}

View file

@ -864,7 +864,7 @@ class AbilityTreeEnsureNodesNode extends ComputeNode {
let display_elem = document.createElement('div');
display_elem.classList.add("col", "pe-0");
// TODO: just pass these elements into the display node instead of juggling the raw IDs...
let spell_summary = make_elem('div', ["col", "spell-display", "dark-5", "rounded", "dark-shadow", "pt-2", "border", "border-dark"],
let spell_summary = make_elem('div', ["col", "spell-display", "clickable", "dark-5", "rounded", "dark-shadow", "pt-2", "border", "border-dark"],
{ id: "spell"+spell.base_spell+"-infoAvg" });
let spell_detail = make_elem('div', ["col", "spell-display", "dark-5", "rounded", "dark-shadow", "py-2"],
{ id: "spell"+spell.base_spell+"-info" });

View file

@ -1928,10 +1928,8 @@ function addClickableArrow(elem, target) {
//up and down arrow - done ugly
let arrow = make_elem("img", [], { id: "arrow_" + elem.id, src: "../media/icons/" + (newIcons ? "new" : "old") + "/toggle_down.png" });
arrow.style.maxWidth = document.body.clientWidth > 900 ? "3rem" : "10rem";
let container = make_elem('div', ['col']);
container.appendChild(arrow);
elem.appendChild(container);
container.addEventListener("click", () => toggle_spell_tab(arrow, target));
elem.appendChild(arrow);
elem.addEventListener("click", () => toggle_spell_tab(arrow, target));
}
// toggle arrow thinger