#6 Create improved Skills section

Create a new Skills section based on the Fate Core sheet's Advanced
skills display. Add notice to old Skills section that it will be going
away.
This commit is contained in:
Eric Finn
2016-03-15 22:57:15 -04:00
parent fc65a95ac6
commit 10f0944c12
2 changed files with 60 additions and 2 deletions
+15 -1
View File
@@ -10,6 +10,7 @@
background: black;
color: white;
font-weight: bold;
text-align: left;
}
.sheet-section {
@@ -81,17 +82,30 @@ button {
}
/* === SKILLS === */
.sheet-section-skills {
.sheet-section-skills, .sheet-section-skills-v2 {
text-align: center;
}
.sheet-skill-name {
width: calc(100% - 130px);
}
.sheet-skill-name-v2 {
width: 113px;
}
.sheet-skill-rating {
width: 90px;
}
/* Put spacing between skills */
.sheet-section-skills-v2 table {
border-style: hidden;
}
.sheet-section-skills-v2 td {
border: 6px solid rgba(0,0,0,0);
}
/* === ASPECT === */
.sheet-section-aspects input {
width: 100%;
+45 -1
View File
@@ -84,6 +84,49 @@
<div class="sheet-break"></div>
<div class="sheet-section-skills-v2 sheet-section">
<div class="sheet-header">Skills</div>
<button type='roll' class="sheet-roll_4df" name='roll_4df' value='/roll 4dF'></button> 4dF
<button type='roll' class="sheet-roll_4dfm" name='roll_4dfm' value='/roll 4dF + ?{Modifier?|0}'></button> 4dF &plusmn; Modifier
<fieldset class="repeating_skills_v2">
<table>
<tr>
<td>
<select class="sheet-skill-rating" name="attr_rating_v2">
<option value="-1">Poor</option>
<option value="0">Average</option>
<option value="1">Good</option>
<option value="2">Great</option>
<option value="3">Epic</option>
<option value="4">Legendary</option>
</select>
</td>
<td>
<input class="sheet-skill-name-v2" type="text" name="attr_skillname_v2_1" value="" />
<button type='roll' value='&{template:default} {{name=@{skillname_v2_1}}} {{roll=[[4dF+@{rating_v2}]]}}'></button>
</td>
<td>
<input class="sheet-skill-name-v2" type="text" name="attr_skillname_v2_2" value="" />
<button type='roll' value='&{template:default} {{name=@{skillname_v2_2}}} {{roll=[[4dF+@{rating_v2}]]}}'></button>
</td>
<td>
<input class="sheet-skill-name-v2" type="text" name="attr_skillname_v2_3" value="" />
<button type='roll' value='&{template:default} {{name=@{skillname_v2_3}}} {{roll=[[4dF+@{rating_v2}]]}}'></button>
</td>
<td>
<input class="sheet-skill-name-v2" type="text" name="attr_skillname_v2_4" value="" />
<button type='roll' value='&{template:default} {{name=@{skillname_v2_4}}} {{roll=[[4dF+@{rating_v2}]]}}'></button>
</td>
<td>
<input class="sheet-skill-name-v2" type="text" name="attr_skillname_v2_5" value="" />
<button type='roll' value='&{template:default} {{name=@{skillname_v2_5}}} {{roll=[[4dF+@{rating_v2}]]}}'></button>
</td>
</tr>
</table>
</fieldset>
</div> <!-- .section-skills-v2 -->
<div class="sheet-section-backlash sheet-section sheet-half">
<div class="sheet-header">Backlash</div>
<fieldset class="repeating_backlash">
@@ -92,7 +135,8 @@
</div> <!-- .section-backlash -->
<div class="sheet-section-skills sheet-section sheet-half">
<div class="sheet-header">Skills</div>
<div class="sheet-header">Skills (Deprecated)</div>
Transfer information to the other Skills section. This section will be removed later.
<fieldset class="repeating_skills">
<select class="sheet-skill-rating" name="attr_rating">
<option value="-1">Poor</option>