CrewKit Tool Select Set up for Salvo Mode

Fixed speicies box width
Set up all buttons for crewKit tool Selection
This commit is contained in:
Christoph
2020-05-14 09:54:34 -07:00
parent 0a6f5a10a8
commit eefc11ec4e
2 changed files with 111 additions and 3 deletions
+101 -3
View File
@@ -1023,11 +1023,109 @@ input.sheet-scaleDeselect
input.sheet-scaleDeselect:checked ~ .sheet-salvoSpecialtyBox,
input.sheet-scaleDeselect:checked ~ .sheet-salvoToolTypeBox,
input.sheet-scaleDeselect:checked ~ .sheet-salvoToolBox,
input.sheet-scaleDeselect:checked ~ .sheet-salvoChargeBox
input.sheet-scaleDeselect:checked ~ .sheet-salvoChargeBox,
input.sheet-crewKitSelector:not(:checked) ~ .sheet-crewKitSelect,
input.sheet-crewKitSelector:not(:checked) ~ .sheet-crewKitDeselect
{
display: none;
}
/*Tool deselection buttons*/
.sheet-toolDeselect
{
position: absolute;
width: 12px;
height: 10px;
grid-area: 37/48/38/49;
}
input.sheet-toolDeselect
{
opacity: 0;
z-index: 19;
}
input.sheet-crewKitDeselect:not(:checked) + span.sheet-crewKitDeselect
{
background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/salvoDeactivate.png);
background-repeat: no-repeat;
background-position: center;
opacity: 1;
background-size: 12px 10px;
z-index: 18;
}
input.sheet-crewKitDeselect:checked + span.sheet-crewKitDeselect,
input.sheet-crewKitDeselect:checked,
input.sheet-crewKitDeselect:not(:checked) ~ .sheet-crewKitSelect
{
display: none;
}
/*Crew Kit Selectors*/
.sheet-crewKitSelect
{
position: absolute;
width: 170px;
height: 11px;
}
input.sheet-crewKitSelect
{
opacity: 0;
border: none;
z-index: 19;
}
span.sheet-crewKitSelect
{
background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/specialtySelector.png);
background-repeat: no-repeat;
background-position: center;
background-size: 170px 11px;
opacity: 1;
z-index: 18;
}
/*Crew Kit Tool Locations*/
.sheet-crewKitScanner
{
grid-area: 65/22/66/39;
}
.sheet-crewKitBioChemKit
{
grid-area: 65/40/66/57;
}
.sheet-crewKitAugmentation
{
grid-area: 65/58/66/75;
}
.sheet-crewKitLink
{
grid-area: 81/4/82/21;
}
.sheet-crewKitMultitool
{
grid-area: 81/22/82/39;
}
.sheet-crewKitShield
{
grid-area: 81/40/82/57;
}
.sheet-crewKitAssociations
{
grid-area: 97/4/98/21;
}
/*Flow Lines*/
.sheet-flowLine
{
@@ -1433,9 +1531,9 @@ input.sheet-scaleDeselect
.sheet-species
{
background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/species.png);
background-size: 430px 128.1px;
background-size: 450px 128.1px;
background-repeat: no-repeat;
width: 420px;
width: 440px;
padding: 5px;
display: grid;
grid-area: crewSpecies;
+10
View File
@@ -170,6 +170,16 @@
<input type="text" class="salvoAttr" name="attr_salvoTool" readonly />
</div>
<!--Crew Kit Selection Buttions-->
<input type="radio" class="crewKitDeselect toolDeselect" name="attr_salvoTool" value="" checked="checked" /><span class="crewKitDeselect toolDeselect"></span>
<input type="radio" class="crewKitSelect crewKitScanner" name="attr_salvoTool" value="Scanner" /><span class="crewKitSelect crewKitScanner"></span>
<input type="radio" class="crewKitSelect crewKitBioChemKit" name="attr_salvoTool" value="BioChemKit" /><span class="crewKitSelect crewKitBioChemKit"></span>
<input type="radio" class="crewKitSelect crewKitAugmentation" name="attr_salvoTool" value="Augmentation" /><span class="crewKitSelect crewKitAugmentation"></span>
<input type="radio" class="crewKitSelect crewKitLink" name="attr_salvoTool" value="Link" /><span class="crewKitSelect crewKitLink"></span>
<input type="radio" class="crewKitSelect crewKitMultitool" name="attr_salvoTool" value="Multitool" /><span class="crewKitSelect crewKitMultitool"></span>
<input type="radio" class="crewKitSelect crewKitShield" name="attr_salvoTool" value="Shield" /><span class="crewKitSelect crewKitShield"></span>
<input type="radio" class="crewKitSelect crewKitAssociations" name="attr_salvoTool" value="Associations" /><span class="crewKitSelect crewKitAssociations"></span>
<!--Charge Process Box-->
<div class="salvoChargeBox processBox">
<input type="number" class="salvoRating" name="attr_salvoCharge" readonly />