Style fix and damage prompt

Fixed field labels, reducing font size to eliminate text overlapping.
Added a second popup to the damage buttons, bonus damage dice.
This commit is contained in:
Chevron Allen
2023-01-16 19:53:54 -05:00
parent ceb1afcbf8
commit 51b5deffb2
2 changed files with 19 additions and 26 deletions
+6 -13
View File
@@ -360,7 +360,7 @@ input, select, textarea{
position:absolute;
top:0px;
left:10px;
font-size:x-small;
font-size:xx-small;
font-weight:bold;
color:grey;
pointer-events: none;
@@ -810,18 +810,7 @@ div.sheet-character-header strong{
.sheet-inventory .sheet-inventory-badges{
margin-top:0px;
}
.sheet-inventory .sheet-inventory-badges span:{
display:-ms-grid;
display:grid;
-ms-grid-columns: auto 5px auto 5px auto;
grid-template-columns: auto auto auto;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-column-gap:5px;
-moz-column-gap:5px;
column-gap:5px;
}
/***************************
@@ -943,6 +932,10 @@ div.sheet-character-header strong{
height:auto;
min-height:25px;
margin:0 auto;
padding: 1em 5em;
text-align: left;
font-weight: bold;
background-color: #ffffff20;
}
.sheet-move-display-toggle[value="1"] ~ .sheet-move-edit,
+13 -13
View File
@@ -146,7 +146,7 @@
<div class="left-col" >
<input type="hidden" class="creature-toggle" name="attr_creature_mode" value="0" />
<input type="hidden" name="attr_PMD_mode" class="PMD-toggle" value="0" />
<div style="margin-bottom:`5px;" class="sheet-trainer-only">
<div style="margin-bottom:5px;" class="sheet-trainer-only">
<span class="field-labeled" style="width:100%;">
<input type="text" name="attr_concept" title="@{concept}" />
<span>Concept</span>
@@ -557,7 +557,7 @@
<strong style="display:inline-block;width:48px;text-align:center;">HP</strong>
<span class="field-labeled" >
<input type="number" name="attr_hp" title="@{hp}" min="0" value="0" />
<span title="">current</span>
<span title="">Current</span>
</span>
<strong>/</strong>
<span class="field-labeled">
@@ -574,7 +574,7 @@
<strong style="display:inline-block;width:120px;text-align:right;">Will</strong>
<span class="field-labeled" >
<input type="number" name="attr_will" title="@{will}" min="0" value="3" max="10" />
<span title="">current</span>
<span title="">Current</span>
</span>
<strong>/</strong>
<span class="field-labeled">
@@ -586,7 +586,7 @@
<strong style="display:inline-block;width:120px;text-align:right;">Confidence</strong>
<span class="field-labeled" >
<input type="number" name="attr_confidence" title="@{confidence}" min="0" value="0" max="10" />
<span title="">current</span>
<span title="">Current</span>
</span>
<strong>/</strong>
<span class="field-labeled">
@@ -759,12 +759,12 @@
<strong>Vitality + </strong>
<span class="field-labeled" style="display:inline-block;width:100px;text-align:center">
<input type="number" name="attr_defense_mod" title="@{defense_mod}" value="0" />
<span title="">Defense Mod</span>
<span title="">Def Mod</span>
</span>
<strong>→</strong>
<span class="field-labeled sheet-field-readonly" style="display:inline-block;width:70px;text-align:center">
<input type="number" name="attr_defense_calc" title="@{defense_calc}" value="@{vitality_calc}+@{defense_mod}" disabled="true"/>
<span title="">Defense</span>
<span title="">Def</span>
</span>
</div>
@@ -773,24 +773,24 @@
<strong>Vitality + </strong>
<span class="field-labeled" style="display:inline-block;width:100px;text-align:center">
<input type="number" name="attr_spdefense_mod" title="@{spdefense_mod}" value="0" />
<span title="">Sp.Defense Mod</span>
<span title="">Sp.Def Mod</span>
</span>
<strong>→</strong>
<span class="field-labeled sheet-field-readonly no-options" style="display:inline-block;width:70px;text-align:center">
<input type="number" name="attr_spdefense_calc" title="@{spdefense_calc}" value="@{vitality_calc}+@{spdefense_mod}" disabled="true"/>
<span title="">Sp.Defense</span>
<span title="">Sp.Def</span>
</span>
</div>
<div class="use-options">
<strong>Insight + </strong>
<span class="field-labeled" style="display:inline-block;width:100px;text-align:center">
<input type="number" name="attr_spdefense_mod" title="@{spdefense_mod}" value="0" />
<span title="">Sp.Defense Mod</span>
<span title="">Sp.Def Mod</span>
</span>
<strong>→</strong>
<span class="field-labeled sheet-field-readonly" style="display:inline-block;width:70px;text-align:center">
<input type="number" name="attr_spdefense_option_calc" title="@{spdefense_option_calc}" value="@{insight_calc}+@{spdefense_mod}" disabled="true"/>
<span title="">Sp.Defense</span>
<span title="">Sp.Def</span>
</span>
</div>
@@ -1533,11 +1533,11 @@
<span>Pool</span>
</span>
<button type="roll" name="roll_move_damage"
value="@{whisper} &{template:PMD}{{character= @{character_name} }}{{name= @{move_name} Damage }}{{type=@{move_type}}}{{cat= @{move_category} }}{{pool=[[@{move_damage_calc} - ?{Defense/Sp.Defense?|0}]] }}{{roll=[[(@{move_damage_calc} - ?{Defense/Sp.Defense?|0})d6>4s]] }}" ></button>
value="@{whisper} &{template:PMD}{{character= @{character_name} }}{{name= @{move_name} Damage }}{{type=@{move_type}}}{{cat= @{move_category} }}{{pool=[[@{move_damage_calc} + ?{Bonus Dice?|0} - ?{Defense/Sp.Defense?|0}]] }}{{roll=[[(@{move_damage_calc} + ?{Bonus Dice?|0} - ?{Defense/Sp.Defense?|0})d6>4s]] }}" ></button>
</div>
<div style="display:inline-block;margin-right:5px">
<span style="font-size:10pt;font-weight:bolder;margin-right:10px;">Effect: </span>
<span class="field-labeled" style="width:85px">
<span class="field-labeled" style="min-width:85px">
<span type="text" name="attr_move_effect" style="text-align:center">None</span>
<span>Status</span>
</span>
@@ -1550,7 +1550,7 @@
</div>
</div>
<div style="border-top:1px solid black;margin-top:5px;padding:5px;">
<span class="sheet-move-descr" name="attr_move_description" style="text-align:center;"></span>
<span class="sheet-move-descr" name="attr_move_description"></span>
</div>
</div>
</div>