edit mode for PC

This commit is contained in:
Mark
2016-02-26 10:40:54 +01:00
parent 22dcd80e3d
commit 4768f40d00
15 changed files with 48 additions and 46 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+13 -12
View File
@@ -1201,7 +1201,7 @@ span[class^='sheet-toggle-'] {
@include tab-toggle('page-all', 20px, 'padding');
@include tab-toggle('icon-attack-settings', 13px, 'padding');
@include tab-toggle('npc-edit', 19px, 'padding');
@include tab-toggle('edit-mode', 19px, 'padding');
$tab-hd-single-digit-width: 14px;
$tab-hd-double-digit-width: 20px;
@@ -1359,7 +1359,8 @@ span.sheet-toggle-language {
display: none;
}
input.sheet-slide-input-pc:checked ~ div.sheet-section-core,
input.sheet-slide-input-pc:not(:checked) ~ div.sheet-section-npc {
input.sheet-slide-input-pc:not(:checked) ~ div.sheet-section-npc,
input.sheet-slide-input-pc:checked ~ .sheet-toggle-edit-mode {
display: none !important;
}
input.sheet-slide-input-pc:not(:checked) ~ input.sheet-toggle-page-core:checked ~ div.sheet-section-core,
@@ -1492,8 +1493,8 @@ input.sheet-toggle-hidden-info:checked ~ div.sheet-toggle-hidden-info {
}
input.sheet-toggle-icon-settings:not(:checked) ~ div.sheet-details,
input.sheet-toggle-npc-edit:not(:checked) ~ div .sheet-details,
input.sheet-toggle-npc-edit:checked ~ div .sheet-presentation,
input.sheet-toggle-edit-mode:not(:checked) ~ div .sheet-edit,
input.sheet-toggle-edit-mode:checked ~ div .sheet-presentation,
input.sheet-toggle-reach:not(:checked) ~ div div.sheet-toggle-reach,
input.sheet-toggle-range:not(:checked) ~ div div.sheet-toggle-range,
@@ -1594,7 +1595,7 @@ input[class^='sheet-toggle']:checked + span[class^='sheet-toggle'] {
}
input[class^='sheet-toggle-icon']:checked + span[class^='sheet-toggle-icon'],
input[class^='sheet-toggle-npc']:checked + span[class^='sheet-toggle-npc'] {
input[class^='sheet-toggle-edit-mode']:checked + span[class^='sheet-toggle-edit-mode'] {
background-color: transparent;
color: $deep-green;
}
@@ -1639,15 +1640,15 @@ span.sheet-toggle-icon-settings {
height: 16px;
margin-top: 0;
}
span.sheet-toggle-npc-edit {
span.sheet-toggle-edit-mode {
background-color: transparent;
color: $grayer-gray;
font-size: 20px;
font-size: 18px;
margin-top: 0;
}
input.sheet-toggle-npc-edit,
span.sheet-toggle-npc-edit {
height: 24px;
input.sheet-toggle-edit-mode,
span.sheet-toggle-edit-mode {
height: 20px;
}
.sheet-no-background {
@@ -1969,7 +1970,7 @@ textarea {
}
}
input.sheet-toggle-npc-edit:checked ~ div {
input.sheet-toggle-edit-mode:checked ~ div {
input,
select,
textarea {
@@ -2061,7 +2062,7 @@ textarea {
}
}
input.sheet-toggle-npc-edit:not(:checked) ~ div {
input.sheet-toggle-edit-mode:not(:checked) ~ div {
.repcontrol {
display: none;
}
@@ -5,3 +5,4 @@
<input type="radio" name="attr_tab" class="toggle-page-character pc" value="character"><span class="toggle-page-character pc">{{'CHARACTER' | translate}}</span>
<input type="radio" name="attr_tab" class="toggle-page-settings" value="settings"><span class="toggle-page-settings pictos">y</span>
<input type="radio" name="attr_tab" class="toggle-page-all" value="all"><span class="toggle-page-all">{{'ALL' | translate}}</span>
<input type="checkbox" name="attr_edit_mode" class="toggle-edit-mode pad-l-md"><span class="toggle-edit-mode pictos pad-l-md">p</span>
@@ -10,7 +10,7 @@
</div>
</button>
<input type="hidden" name="attr_strength_mod">
<div class="shaped-row center details">
<div class="shaped-row center edit">
<div class="col-30">
<input type="number" name="attr_strength" class="no-border no-spin" accept="STR">
</div>
@@ -30,7 +30,7 @@
</div>
</button>
<input type="hidden" name="attr_dexterity_mod">
<div class="shaped-row center details">
<div class="shaped-row center edit">
<div class="col-30">
<input type="number" name="attr_dexterity" class="no-border no-spin" accept="DEX">
</div>
@@ -50,7 +50,7 @@
</div>
</button>
<input type="hidden" name="attr_constitution_mod">
<div class="shaped-row center details">
<div class="shaped-row center edit">
<div class="col-30">
<input type="number" name="attr_constitution" class="no-border no-spin" accept="CON">
</div>
@@ -70,7 +70,7 @@
</div>
</button>
<input type="hidden" name="attr_intelligence_mod">
<div class="shaped-row center details">
<div class="shaped-row center edit">
<div class="col-30">
<input type="number" name="attr_intelligence" class="no-border no-spin" accept="INT">
</div>
@@ -90,7 +90,7 @@
</div>
</button>
<input type="hidden" name="attr_wisdom_mod">
<div class="shaped-row center details">
<div class="shaped-row center edit">
<div class="col-30">
<input type="number" name="attr_wisdom" class="no-border no-spin" accept="WIS">
</div>
@@ -110,7 +110,7 @@
</div>
</button>
<input type="hidden" name="attr_charisma_mod">
<div class="shaped-row center details">
<div class="shaped-row center edit">
<div class="col-30">
<input type="number" name="attr_charisma" class="no-border no-spin" accept="CHA">
</div>
@@ -6,11 +6,11 @@
(<span name="attr_ac_note"></span>)
</span>
</button>
<div class="col-06 details pad-l-sm pad-r-sm">
<div class="col-06 edit pad-l-sm">
<input type="hidden" name="attr_ac_srd" accept="AC">
<input type="number" name="attr_ac" class="no-border no-spin">
</div>
<div class="col-38 details pad-l-sm">
<div class="col-38 edit pad-l-sm">
<div class="parenthesis-wrapper wrapper-button small-label">
<input type="text" name="attr_ac_note" class="no-border mar-l-sm">
</div>
@@ -33,7 +33,7 @@
(<span name="attr_hp_formula"></span>)
</button>
</span>
<div class="col-76 pad-l-sm details">
<div class="col-76 pad-l-sm edit">
<div class="shaped-row">
<div class="col-10 pad-r-sm">
<input type="number" name="attr_hit_dice" class="no-border no-spin" class="no-spin" step="1">
@@ -60,7 +60,7 @@
<span class="heading">{{'SPEED' | translate}}</span>
<span name="attr_npc_speed" class="presentation"></span>
</button>
<div class="col-80 pad-l-sm details">
<div class="col-80 pad-l-sm edit">
<input type="text" name="attr_npc_speed" class="no-border" accept="Speed">
</div>
</div>
@@ -6,7 +6,7 @@
</span>
<span name="attr_freetext" class="pre-line"></span>
</button>
<div class="details">
<div class="edit">
<div class="shaped-row">
<div class="col-40 center">
<input type="text" name="attr_name" class="action-name italic" placeholder="Bite">
@@ -7,7 +7,7 @@
<span class="heading">{{'SENSES' | translate}}</span>
<span name="attr_senses" class="presentation"></span>
</button>
<div class="col-80 pad-l-sm details">
<div class="col-80 pad-l-sm edit">
<input type="text" name="attr_senses" class="no-border" accept="Senses">
</div>
</div>
@@ -17,7 +17,7 @@
<span class="heading">{{'LANGUAGES' | translate}}</span>
<span name="attr_languages" class="presentation"></span>
</button>
<div class="col-80 pad-l-sm details">
<div class="col-80 pad-l-sm edit">
<input type="text" name="attr_languages" class="no-border" accept="Languages">
</div>
</div>
@@ -31,7 +31,7 @@
</button>
<input type="hidden" name="attr_xp">
<input type="hidden" name="attr_xp_readable">
<div class="col-05 details pad-l-sm">
<div class="col-05 edit pad-l-sm">
<input type="text" name="attr_challenge" class="no-border no-spin" accept="Challenge Rating">
</div>
</div>
@@ -4,7 +4,7 @@
<div class="mar-b-md">
{{'LEGENDARY_ACTIONS_TEXT_1' | translate}} <span name="attr_character_name"></span> {{'LEGENDARY_ACTIONS_TEXT_2' | translate}}
<span name="attr_legendary_action_amount" class="presentation"></span>
<div class="col-2-em inline-block details"><input type="number" name="attr_legendary_action_amount" class="no-border no-spin"></div>
<div class="col-2-em inline-block edit"><input type="number" name="attr_legendary_action_amount" class="no-border no-spin"></div>
&nbsp;{{'LEGENDARY_ACTIONS_TEXT_3' | translate}} <span name="attr_character_name"></span> {{'LEGENDARY_ACTIONS_TEXT_4' | translate}}
</div>
<fieldset class="repeating_legendaryaction">
@@ -4,17 +4,17 @@
<div class="compendium-drop-target">
<input type="hidden" name="attr_content_srd" accept="Content">
<input type="hidden" name="attr_spells_srd" accept="Spell Book">
<input type="checkbox" name="attr_npc_edit" class="toggle-npc-edit hidden">
<input type="checkbox" name="attr_edit_mode" class="toggle-edit-mode hidden">
<div class="shaped-row">
<div class="col-50 pad-r-md">
<div class="shaped-row">
<div class="col-94">
<span name="attr_character_name" class="creature-name presentation"></span>
<input type="text" name="attr_character_name" class="details creature-name no-border" accept="Name" placeholder="Dragon">
<input type="text" name="attr_character_name" class="edit creature-name no-border" accept="Name" placeholder="Dragon">
</div>
<div class="col-06">
<input type="checkbox" name="attr_npc_edit" class="toggle-npc-edit"><span class="toggle-npc-edit pictos">p</span>
<input type="checkbox" name="attr_edit_mode" class="toggle-edit-mode"><span class="toggle-edit-mode pictos">p</span>
</div>
</div>
//= include sizeTypeAlignment.html
@@ -4,7 +4,7 @@
<span class="heading">{{'DAMAGE_VULNERABILITIES' | translate}}</span>
<span name="attr_damage_vulnerabilities" class="presentation"></span>
</button>
<textarea name="attr_damage_vulnerabilities" class="details two-line-textarea no-border" accept="Vulnerabilities"></textarea>
<textarea name="attr_damage_vulnerabilities" class="edit two-line-textarea no-border" accept="Vulnerabilities"></textarea>
</div>
<div class="damage-resistances">
<input type="hidden" name="attr_damage_resistances_exist" class="item-toggle">
@@ -12,7 +12,7 @@
<span class="heading">{{'DAMAGE_RESISTANCES' | translate}}</span>
<span name="attr_damage_resistances" class="presentation"></span>
</button>
<textarea name="attr_damage_resistances" class="details two-line-textarea no-border" accept="Resistances"></textarea>
<textarea name="attr_damage_resistances" class="edit two-line-textarea no-border" accept="Resistances"></textarea>
</div>
<div class="damage-immunities">
<input type="hidden" name="attr_damage_immunities_exist" class="item-toggle">
@@ -20,7 +20,7 @@
<span class="heading">{{'DAMAGE_IMMUNITIES' | translate}}</span>
<span name="attr_damage_immunities" class="presentation"></span>
</button>
<textarea name="attr_damage_immunities" class="details two-line-textarea no-border" accept="Immunities"></textarea>
<textarea name="attr_damage_immunities" class="edit two-line-textarea no-border" accept="Immunities"></textarea>
</div>
<div class="condition-immunities">
<input type="hidden" name="attr_condition_immunities_exist" class="item-toggle">
@@ -28,5 +28,5 @@
<span class="heading">{{'CONDITION_IMMUNITIES' | translate}}</span>
<span name="attr_condition_immunities" class="presentation"></span>
</button>
<textarea name="attr_condition_immunities" class="details two-line-textarea no-border" accept="Condition Immunities"></textarea>
<textarea name="attr_condition_immunities" class="edit two-line-textarea no-border" accept="Condition Immunities"></textarea>
</div>
@@ -3,7 +3,7 @@
<div class="saving-throws shaped-row flex-end">
<span class="heading">{{'SAVING_THROWS' | translate}}</span>
<span class="pad-l-sm"></span>
<span class="details">
<span class="edit">
<input type="checkbox" name="attr_strength_save_prof" value="@{PB}">
</span>
<button type="roll" name="roll_strength_saving_throw" class="shaped-row no-wrap flex-end" value="@{output_option} &{template:5e-shaped} {{saving_throw=1}} {{character_name=@{character_name}}} @{show_character_name} {{title=Strength}} {{subheader=Saving Throw}} {{roll_toggle=1}} {{roll1=[[d20@{d20_mod} + @{strength_saving_throw_mod}]]}} @{roll_setting}@{d20_mod} + @{strength_saving_throw_mod}]]}} @{attacher_strength_saving_throw}" tabindex="-1">
@@ -11,7 +11,7 @@
<span name="attr_strength_saving_throw_mod_with_sign" class="inline-block center"></span>
</button>
<span class="pad-r-sm">,</span>
<span class="details">
<span class="edit">
<input type="checkbox" name="attr_dexterity_save_prof" value="@{PB}">
</span>
<button type="roll" name="roll_dexterity_saving_throw" class="shaped-row no-wrap flex-end" value="@{output_option} &{template:5e-shaped} {{saving_throw=1}} {{character_name=@{character_name}}} @{show_character_name} {{title=Dexterity}} {{subheader=Saving Throw}} {{roll_toggle=1}} {{roll1=[[d20@{d20_mod} + @{dexterity_saving_throw_mod}]]}} @{roll_setting}@{d20_mod} + @{dexterity_saving_throw_mod}]]}} @{attacher_dexterity_saving_throw}" tabindex="-1">
@@ -19,7 +19,7 @@
<span name="attr_dexterity_saving_throw_mod_with_sign" class="inline-block center"></span>
</button>
<span class="pad-r-sm">,</span>
<span class="details">
<span class="edit">
<input type="checkbox" name="attr_constitution_save_prof" value="@{PB}">
</span>
<button type="roll" name="roll_constitution_saving_throw" class="shaped-row no-wrap flex-end" value="@{output_option} &{template:5e-shaped} {{saving_throw=1}} {{character_name=@{character_name}}} @{show_character_name} {{title=Constitution}} {{subheader=Saving Throw}} {{roll_toggle=1}} {{roll1=[[d20@{d20_mod} + @{constitution_saving_throw_mod}]]}} @{roll_setting}@{d20_mod} + @{constitution_saving_throw_mod}]]}} @{attacher_constitution_saving_throw}" tabindex="-1">
@@ -27,7 +27,7 @@
<span name="attr_constitution_saving_throw_mod_with_sign" class="inline-block center"></span>
</button>
<span class="pad-r-sm">,</span>
<span class="details">
<span class="edit">
<input type="checkbox" name="attr_intelligence_save_prof" value="@{PB}">
</span>
<button type="roll" name="roll_intelligence_saving_throw" class="shaped-row no-wrap flex-end" value="@{output_option} &{template:5e-shaped} {{saving_throw=1}} {{character_name=@{character_name}}} @{show_character_name} {{title=Intelligence}} {{subheader=Saving Throw}} {{roll_toggle=1}} {{roll1=[[d20@{d20_mod} + @{intelligence_saving_throw_mod}]]}} @{roll_setting}@{d20_mod} + @{intelligence_saving_throw_mod}]]}} @{attacher_intelligence_saving_throw}" tabindex="-1">
@@ -35,7 +35,7 @@
<span name="attr_intelligence_saving_throw_mod_with_sign" class="inline-block center"></span>
</button>
<span class="pad-r-sm">,</span>
<span class="details">
<span class="edit">
<input type="checkbox" name="attr_wisdom_save_prof" value="@{PB}">
</span>
<button type="roll" name="roll_wisdom_saving_throw" class="shaped-row no-wrap flex-end" value="@{output_option} &{template:5e-shaped} {{saving_throw=1}} {{character_name=@{character_name}}} @{show_character_name} {{title=Wisdom}} {{subheader=Saving Throw}} {{roll_toggle=1}} {{roll1=[[d20@{d20_mod} + @{wisdom_saving_throw_mod}]]}} @{roll_setting}@{d20_mod} + @{wisdom_saving_throw_mod}]]}} @{attacher_wisdom_saving_throw}" tabindex="-1">
@@ -43,7 +43,7 @@
<span name="attr_wisdom_saving_throw_mod_with_sign" class="inline-block center"></span>
</button>
<span class="pad-r-sm">,</span>
<span class="details">
<span class="edit">
<input type="checkbox" name="attr_charisma_save_prof" value="@{PB}">
</span>
<button type="roll" name="roll_charisma_saving_throw" class="shaped-row no-wrap flex-end" value="@{output_option} &{template:5e-shaped} {{saving_throw=1}} {{character_name=@{character_name}}} @{show_character_name} {{title=Charisma}} {{subheader=Saving Throw}} {{roll_toggle=1}} {{roll1=[[d20@{d20_mod} + @{charisma_saving_throw_mod}]]}} @{roll_setting}@{d20_mod} + @{charisma_saving_throw_mod}]]}} @{attacher_charisma_saving_throw}" tabindex="-1">
@@ -1,4 +1,4 @@
<div class="shaped-row details">
<div class="shaped-row edit">
<div class="col-20 pad-r-sm">
<span class="en">
<select name="attr_size" class="italic no-border" accept="Size">
@@ -4,7 +4,7 @@
<span class="col-90 pad-l-sm">
<fieldset class="repeating_skill">
<div class="shaped-row no-wrap vert-center">
<div class="col-1-3-em skill-select-wrapper details">
<div class="col-1-3-em skill-select-wrapper edit">
<span class="en">
<select name="attr_proficiency" class="no-border">
<option value="unproficient">&#8212; &#160;&#160; Unproficient</option>
@@ -41,7 +41,7 @@
<input type="hidden" name="attr_formula">
<input type="hidden" name="attr_name">
<input type="hidden" name="attr_ability_short_name">
<div class="skills-ability-selector-wrapper details pad-l-sm">
<div class="skills-ability-selector-wrapper edit pad-l-sm">
<span class="en">
<select name="attr_ability" class="skills-ability-selector no-border">
<option value="@{strength_mod}">Str</option>
@@ -8,7 +8,7 @@
</span>
<span name="attr_freetext" class="pre-line"></span>
</button>
<div class="details">
<div class="edit">
<div class="shaped-row">
<div class="col-40 center">
<input type="text" name="attr_name" class="action-name italic" placeholder="Amphibious">