background color for resolving-skill
This commit is contained in:
parent
4cbeab19df
commit
51ca41b218
@ -242,6 +242,10 @@
|
|||||||
top: 35%;
|
top: 35%;
|
||||||
height: 15%;
|
height: 15%;
|
||||||
width: calc(90% - 1.25em);
|
width: calc(90% - 1.25em);
|
||||||
|
z-index: 2;
|
||||||
|
span {
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.resolving-skill {
|
.resolving-skill {
|
||||||
|
|||||||
@ -59,7 +59,7 @@ class TargetSvg extends Component {
|
|||||||
if (tutorialGame) {
|
if (tutorialGame) {
|
||||||
return (
|
return (
|
||||||
<div class="resolving-skill">
|
<div class="resolving-skill">
|
||||||
<h2> Select your skills, click on targets and then hit <b>READY</b>.</h2>
|
<h2><span> Select your skills, click on targets and then hit <b>READY</b>.</span></h2>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -72,8 +72,8 @@ class TargetSvg extends Component {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div class="resolving-skill">
|
<div class="resolving-skill">
|
||||||
<h1>{gameEffectInfo.effect}</h1>
|
<h1><span>{gameEffectInfo.effect}</span></h1>
|
||||||
<div> {infoDescription} </div>
|
<div><span>{infoDescription} </span></div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -90,8 +90,8 @@ class TargetSvg extends Component {
|
|||||||
const itemSourceDescription = reactStringReplace(itemSourceInfo, itemRegEx, match => shapes[match]());
|
const itemSourceDescription = reactStringReplace(itemSourceInfo, itemRegEx, match => shapes[match]());
|
||||||
return (
|
return (
|
||||||
<div class="resolving-skill">
|
<div class="resolving-skill">
|
||||||
<h1>{animSkill}</h1>
|
<h1><span>{animSkill}</span></h1>
|
||||||
<div> {itemSourceDescription} </div>
|
<div><span>{itemSourceDescription}</span></div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user