endernon/wynnbuilder-forked-for-changes
1
0
Fork 0
forked from morphNon/wynnbuilder-idk
Code Pull requests Activity

Expand the arrow hitbox even further

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
css/sq2bs.css
View file

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

2
js/atree.js
View file

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

6
js/display.js
View file

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