Merge pull request #131 from Cyr-/cyr-vj-changes

Changes to display force/tech points

less/update/components/actor-global.less

@@ -939,6 +939,57 @@
             }
         }
         .tab.powerbook {
+            .resource-items {
+                display: grid;
+                grid-template-columns: repeat(3, 1fr);
+                column-gap: 12px;
+
+                .resource {
+
+                    h1 {
+                        border: none;
+                        margin: 0;
+                        font-family: 'Russo One';
+                        font-size: 16px;
+                        font-weight: 400;
+                        text-align: center;
+                        margin-bottom: 4px;
+                        border-radius: 0;
+                    }
+
+                    .attribute-value,
+                    .attribute-value input {
+                        .russoOne(22px);
+                        text-align: center;
+                        line-height: 1;
+                    }
+
+                    .attribute-value {
+                        display: grid;
+                        grid-template-columns: auto 14px auto;
+
+                        input {
+                            display: block;
+                            width: 100%;
+                        }
+
+                        .value-number {
+                            display: block;
+                            width: 100%;
+                            text-align: right;
+                            padding: 0px 3px;
+                            &:last-child {
+                                text-align: left;
+                            }
+                        }
+
+                        span.value-number {
+                            padding: 1px 4px;
+                        }
+                    }
+                }
+            }
+
             &>.panel {
                 grid-template-rows: 32px 24px 24px auto;
             }

sw5e-global.css

@@ -86,9 +86,6 @@ body {
   font-family: 'Open Sans';
   font-size: 13px;
   font-weight: 400;
-  background-image: url('./ui/SW5e-logo.svg');
-  background-repeat: no-repeat;
-  background-size: cover;
 }
 h1 {
   font-family: 'Russo One';
@@ -1538,6 +1535,50 @@ input[type="reset"]:disabled {
 .sw5e.sheet.actor .swalt-sheet .tab.features > .panel {
   grid-template-rows: 24px auto;
 }
+.sw5e.sheet.actor .swalt-sheet .tab.powerbook .resource-items {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  column-gap: 12px;
+}
+.sw5e.sheet.actor .swalt-sheet .tab.powerbook .resource-items .resource h1 {
+  border: none;
+  margin: 0;
+  font-family: 'Russo One';
+  font-size: 16px;
+  font-weight: 400;
+  text-align: center;
+  margin-bottom: 4px;
+  border-radius: 0;
+}
+.sw5e.sheet.actor .swalt-sheet .tab.powerbook .resource-items .resource .attribute-value,
+.sw5e.sheet.actor .swalt-sheet .tab.powerbook .resource-items .resource .attribute-value input {
+  font-family: 'Russo One';
+  font-size: 22px;
+  font-weight: 400;
+  letter-spacing: 0.5px;
+  text-align: center;
+  line-height: 1;
+}
+.sw5e.sheet.actor .swalt-sheet .tab.powerbook .resource-items .resource .attribute-value {
+  display: grid;
+  grid-template-columns: auto 14px auto;
+}
+.sw5e.sheet.actor .swalt-sheet .tab.powerbook .resource-items .resource .attribute-value input {
+  display: block;
+  width: 100%;
+}
+.sw5e.sheet.actor .swalt-sheet .tab.powerbook .resource-items .resource .attribute-value .value-number {
+  display: block;
+  width: 100%;
+  text-align: right;
+  padding: 0px 3px;
+}
+.sw5e.sheet.actor .swalt-sheet .tab.powerbook .resource-items .resource .attribute-value .value-number:last-child {
+  text-align: left;
+}
+.sw5e.sheet.actor .swalt-sheet .tab.powerbook .resource-items .resource .attribute-value span.value-number {
+  padding: 1px 4px;
+}
 .sw5e.sheet.actor .swalt-sheet .tab.powerbook > .panel {
   grid-template-rows: 32px 24px 24px auto;
 }

templates/actors/newActor/parts/swalt-powerbook.html

@@ -1,3 +1,31 @@
+<section class="resource-items">
+    <div class="resource">
+        <h1>
+            Force Points
+        </h1>
+        <div class="attribute-value">
+            <input name="data.attributes.force.points.value" type="text" value="{{data.attributes.force.points.value}}" data-dtype="Number"
+                placeholder="0" class="value-number" />
+            <span class="value-separator">/</span>
+            <input name="data.attributes.force.points.max" type="text" value="{{data.attributes.force.points.max}}" data-dtype="Number"
+                placeholder="0" class="value-number" />
+        </div>
+    </div>
+
+    <div class="resource">
+        <h1>
+            Tech Points
+        </h1>
+        <div class="attribute-value">
+            <input name="data.attributes.tech.points.value" type="text" value="{{data.attributes.tech.points.value}}" data-dtype="Number"
+                placeholder="0" class="value-number" />
+            <span class="value-separator">/</span>
+            <input name="data.attributes.tech.points.max" type="text" value="{{data.attributes.tech.points.max}}" data-dtype="Number"
+                placeholder="0" class="value-number" />
+        </div>
+    </div>
+</section>
+
 <section class="panel">
     <div class="powercasting-ability">
         <label>{{localize "SW5E.PowerAbility"}}