spec goal overflow

This commit is contained in:
Mashy 2019-08-15 15:37:32 +10:00
parent fbf0eead04
commit 9cc4995959
3 changed files with 31 additions and 25 deletions

View File

@ -57,7 +57,7 @@
.instance .info svg {
display: inline;
height: 1.25em;
height: 1em;
}
.instance .constructs {
@ -384,7 +384,7 @@
}
.bonus {
justify-content: flex-end;
justify-content: center;
}
}

View File

@ -56,6 +56,8 @@ function InfoComponent(args) {
green: [],
blue: [],
};
const overFlow = [];
colours.forEach(c => {
const colourReq = bonus.req[c];
if (colourReqs === 0) return false;
@ -67,15 +69,24 @@ function InfoComponent(args) {
const dots = range(start, colourReq).map(j => {
const unmet = teamColours[c] < j + 1;
const reqClass = unmet
? 'unmet'
: '';
colourGoals[c].push(
<figure key={j} alt={c.colour} class={reqClass} >
{shapes.vboxColour(c)}
</figure>
);
if (j - start > 4) {
overFlow.push(
<figure key={j} alt={c.colour} class={reqClass} >
{shapes.vboxColour(c)}
</figure>
);
} else {
colourGoals[c].push(
<figure key={j} alt={c.colour} class={reqClass} >
{shapes.vboxColour(c)}
</figure>
);
}
return true;
});
@ -97,10 +108,11 @@ function InfoComponent(args) {
}
return false;
});
const overFlowObj = overFlow.length ? <div> {overFlow} </div> : null;
return (
<div key={i} class="spec-goal">
{goals}
{overFlowObj}
<div class={`${reqClass} bonus`} >
+ {bonus.bonus}
</div>

View File

@ -489,7 +489,7 @@ impl Item {
self.into_skill().unwrap().effect()[0].get_duration()),
Item::Buff => format!("Increase target construct RedPower and SpeedStat by {:?}%",
self.into_skill().unwrap().effect()[0].get_multiplier() - 100),
Item::Debuff => format!("Slow target construct SpeedStat by {:?}%",
Item::Debuff => format!("Slows the target reducing SpeedStat by {:?}%",
100 - self.into_skill().unwrap().effect()[0].get_multiplier()),
// specs
// Base
@ -502,28 +502,22 @@ impl Item {
// Lifes Upgrades
Item::LifeGG=> format!("Increases construct GreenLife green life.
When your construct reaches 0 GreenLife it is knocked out and cannot cast skills."),
Item::LifeRR=> format!("Increases construct RedLife.
RedLife mitigates red damage that would otherwise reduce your GreenLife."),
Item::LifeBB=> format!("Increases construct BlueLife.
BlueLife mitigates blue damage that would otherwise reduce your GreenLife."),
Item::LifeRR=> format!("Increases construct RedLife red life.
Mitigates red damage that would otherwise reduce your GreenLife green life."),
Item::LifeBB=> format!("Increases construct BlueLife blue life.
Mitigates blue damage that would otherwise reduce your GreenLife green life."),
Item::LifeRG=> format!("Increases construct GreenLife and RedLife"),
Item::LifeGB=> format!("Increases construct GreenLife and BlueLife"),
Item::LifeRB=> format!("Increases construct RedLife and BlueLife"),
Item::LifeGGPlus => format!("Increases construct GreenLife.
When your construct reaches 0 GreenLife it is knocked out and cannot cast skills."),
Item::LifeRRPlus => format!("Increases construct RedLife.
RedDamage dealt to your construct reduces RedLife before GreenLife."),
Item::LifeBBPlus => format!("Increases construct BlueLife.
BlueDamage dealt to your construct reduces BlueLife before GreenLife."),
Item::LifeGGPlus => format!("Increases construct GreenLife."),
Item::LifeRRPlus => format!("Increases construct RedLife."),
Item::LifeBBPlus => format!("Increases construct BlueLife."),
Item::LifeRGPlus => format!("Increases construct GreenLife and RedLife"),
Item::LifeGBPlus => format!("Increases construct GreenLife and BlueLife"),
Item::LifeRBPlus => format!("Increases construct RedLife and BlueLife"),
Item::LifeGGPlusPlus => format!("Increases construct GreenLife green life.
When your construct reaches 0 GreenLife it is knocked out and cannot cast skills."),
Item::LifeRRPlusPlus => format!("Increases construct RedLife red life.
RedLife mitigates red damage that would otherwise reduce your GreenLife."),
Item::LifeBBPlusPlus => format!("Increases construct BlueLife blue life.
BlueLife mitigates blue damage that would otherwise reduce your GreenLife."),
Item::LifeGGPlusPlus => format!("Increases construct GreenLife."),
Item::LifeRRPlusPlus => format!("Increases construct RedLife."),
Item::LifeBBPlusPlus => format!("Increases construct BlueLife."),
Item::LifeRGPlusPlus => format!("Increases construct GreenLife and RedLife"),
Item::LifeGBPlusPlus => format!("Increases construct GreenLife and BlueLife"),
Item::LifeRBPlusPlus => format!("Increases construct RedLife and BlueLife"),