diff --git a/constants.js b/constants.js index b0f8314..78be13f 100644 --- a/constants.js +++ b/constants.js @@ -460,7 +460,7 @@ function createHelperUpgrades() { "desc": text.desc, "icon": [ { icon: "fa-hand-holding", color: "black" }, - { icon: buildings[helper].icon, color: "red" } + { icon: buildings[helped].icon, color: "red", transform: "scale(0.5, 0.5) translate(0, -30px)" } ], "cost": { "food": buildings[helper].cost.food * 25 * counter + buildings[helped].cost.food * 50 * counter diff --git a/gorge.css b/gorge.css index c788cbd..a827370 100644 --- a/gorge.css +++ b/gorge.css @@ -360,14 +360,26 @@ button { box-shadow: inset 0px 0px 0px 2px black; } -.upgrade-button > .fas { - width: 100px; - height: 100px; - font-size: 60px; - transform: translate(-50px, 10px); +.upgrade-button > .upgrade-icon-holder { + width: 80px; + height: 80px; opacity: 0.8; pointer-events: none; position: absolute; + display: flex; + transform: translate(0, 10px); +} + +[class^="fa-"], [class*=" fa-"] { + display: inline-block; + height: 100%; + width: 100%; +} + +.upgrade-icon-holder > .fas { + position: absolute; + font-size: 60px; + text-align: center; } .upgrade-button:hover { diff --git a/gorge.js b/gorge.js index afeed20..8e893b3 100644 --- a/gorge.js +++ b/gorge.js @@ -863,19 +863,26 @@ function createUpgrades() { button.classList.add("hidden"); button.id = "upgrade-" + key; + const holder = document.createElement("div"); + holder.classList.add("upgrade-icon-holder"); + button.appendChild(holder); + if (typeof(value.icon) == "object") { value.icon.forEach(icon => { let upgradeIcon = document.createElement("i"); upgradeIcon.classList.add("fas"); upgradeIcon.classList.add(icon.icon); upgradeIcon.style.color = icon.color; - button.appendChild(upgradeIcon); + holder.appendChild(upgradeIcon); + if (icon.transform) { + upgradeIcon.style.transform = icon.transform; + } }) } else { let upgradeIcon = document.createElement("i"); upgradeIcon.classList.add("fas"); upgradeIcon.classList.add(value.icon); - button.appendChild(upgradeIcon); + holder.appendChild(upgradeIcon); }