Merge pull request #14766 from clgarret/master

[The Old World RPG] Feature Request: added xp current, and turned talent boxes into textareas

Author: BronsonHall

TheOldWorldRPG/sheet.css

@@ -367,6 +367,17 @@ input[type="checkbox"]:checked::before {
     overflow-y: hidden;
 }
 
+.largedialog .talents-textarea {
+    width: 100%;
+    height: 75px;
+    background-color: transparent;
+    border: 1px solid var(--ink-main);
+    font-family: 'Merriweather', serif;
+    color: var(--ink-main);
+    padding: 4px;
+    box-sizing: border-box;
+}
+
 .d10-die {
     width: 2em;
     height: 2em;

TheOldWorldRPG/sheet.html

@@ -21,20 +21,27 @@ <h1 class="main-title header-font">TOW RPG Character Sheet</h1>
                 <div class="stat-box">
                     <div >Fate</div>
                     <div class="fate-container">
-                        <div class="fate-input-group">
-                            <input type="number" id="fate_max" name="attr_fate_max">
-                            <span class="sub-label">Maximum</span>
-                        </div>
                         <div class="fate-input-group">
                             <input type="number" id="fate_current" name="attr_fate_current">
                             <span class="sub-label">Remaining</span>
                         </div>
-                    </div>
+                        <div class="fate-input-group">
+                            <input type="number" id="fate_max" name="attr_fate_max">
+                            <span class="sub-label">Maximum</span>
+                        </div>
+                      </div>
                 </div>
                 <div class="stat-box">
                     <div >XP</div>
                     <div class="fate-container">
-                        <input type="number" id="xp" name="attr_xp">
+                      <div class="fate-input-group">
+                          <input type="number" id="xp" name="attr_xp">
+                          <span class="sub-label">Current</span>
+                      </div>
+                      <div class="fate-input-group">
+                          <input type="number" id="xp_total" name="attr_xp_total">
+                          <span class="sub-label">Total</span>
+                      </div>
                     </div>
                 </div>
                 <div class="stat-box">
@@ -301,9 +308,9 @@ <h3 class="box-title" x-tooltip="tooltips.lore">Lore</h3>
                 </div>
                 <h3 class="box-title" x-tooltip="tooltips.talents">Talents</h3>
                 <div class="talents-inputs">
-                  <input type="text" id="attr-talent" name="attr_talent">
+                  <textarea class="talents-textarea" id="attr-talent" name="attr_talent"></textarea>
                   <fieldset class="repeating_talents">
-                    <input type="text" id="attr-talent" name="attr_talent">
+                    <textarea class="talents-textarea" id="attr-talent" name="attr_talent"></textarea>
                   </fieldset>
                 </div>
             </div>