background color for resolving-skill

This commit is contained in:
Mashy 2019-11-07 17:52:07 +10:00
parent 4cbeab19df
commit 51ca41b218
2 changed files with 9 additions and 5 deletions

View File

@ -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 {

View File

@ -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>
); );
} }