Add temp points and powers known

This commit is contained in:
TJ 2021-02-10 21:32:00 -06:00
parent 1ce2e92ccd
commit f0d94ba98b
3 changed files with 1064 additions and 1044 deletions

View file

@ -1,4 +1,3 @@
.panel { .panel {
padding: 8px; padding: 8px;
border-radius: 4px; border-radius: 4px;
@ -34,10 +33,11 @@
} }
.sw5e.sheet.actor { .sw5e.sheet.actor {
input, select, textarea { input,
select,
textarea {
border-color: transparent; border-color: transparent;
background: none; background: none;
} }
.swalt-sheet { .swalt-sheet {
display: grid; display: grid;
@ -164,11 +164,9 @@
.russoOne(22px); .russoOne(22px);
text-align: center; text-align: center;
line-height: 1; line-height: 1;
} }
.attribute-value { .attribute-value {
&.multiple { &.multiple {
display: grid; display: grid;
grid-template-columns: auto 14px auto; grid-template-columns: auto 14px auto;
@ -204,8 +202,6 @@
} }
footer { footer {
button { button {
background: none; background: none;
padding: 1px 3px; padding: 1px 3px;
@ -234,10 +230,8 @@
} }
button { button {
font-weight: 400; font-weight: 400;
margin-top: 2px; margin-top: 2px;
} }
span { span {
@ -327,7 +321,6 @@
&:hover { &:hover {
text-shadow: none; text-shadow: none;
} }
} }
} }
@ -354,7 +347,6 @@
text-shadow: none; text-shadow: none;
} }
} }
} }
.group-list-header, .group-list-header,
@ -420,14 +412,13 @@
&::before { &::before {
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
font-weight: 900; font-weight: 900;
content: '\f6cf'; content: "\f6cf";
opacity: 0; opacity: 0;
position: absolute; position: absolute;
top: 0; top: 0;
left: 2px; left: 2px;
font-size: 26px; font-size: 26px;
} }
} }
h4 { h4 {
@ -475,9 +466,7 @@
&:hover { &:hover {
text-shadow: none; text-shadow: none;
} }
} }
} }
} }
@ -498,7 +487,6 @@
.item-controls { .item-controls {
grid-column-start: 4; grid-column-start: 4;
} }
} }
.group-grid-powers { .group-grid-powers {
grid-template-columns: auto repeat(5, 100px); grid-template-columns: auto repeat(5, 100px);
@ -509,8 +497,6 @@
padding: 0 4px; padding: 0 4px;
} }
} }
} }
.group-grid-fav-items { .group-grid-fav-items {
grid-template-columns: auto 60px 30px 30px 50px; grid-template-columns: auto 60px 30px 30px 50px;
@ -522,7 +508,6 @@
} }
} }
} }
} }
.tab > .panel { .tab > .panel {
@ -619,7 +604,6 @@
line-height: 1; line-height: 1;
} }
} }
} }
} }
@ -629,7 +613,6 @@
grid-template-columns: 28px auto 18px 28px; grid-template-columns: 28px auto 18px 28px;
align-items: center; align-items: center;
.proficiency-toggle { .proficiency-toggle {
border: none; border: none;
background: none; background: none;
@ -709,9 +692,7 @@
&:hover { &:hover {
text-shadow: none; text-shadow: none;
} }
} }
} }
.languages { .languages {
@ -728,11 +709,11 @@
display: inline; display: inline;
&::after { &::after {
content: ','; content: ",";
} }
&:last-child::after { &:last-child::after {
content: ''; content: "";
} }
} }
} }
@ -749,7 +730,6 @@
strong { strong {
font-size: 13px; font-size: 13px;
} }
} }
} }
@ -761,13 +741,12 @@
column-gap: 12px; column-gap: 12px;
.resource { .resource {
h1 { h1 {
border: none; border: none;
margin: 0; margin: 0;
input { input {
font-family: 'Russo One'; font-family: "Russo One";
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
@ -805,7 +784,6 @@
span.value-number { span.value-number {
padding: 1px 4px; padding: 1px 4px;
} }
} }
.attribute-footer { .attribute-footer {
@ -816,7 +794,6 @@
label { label {
text-align: center; text-align: center;
} }
} }
} }
} }
@ -860,14 +837,11 @@
.death-success, .death-success,
.death-fail { .death-fail {
display: inline-block; display: inline-block;
} }
.death-success { .death-success {
margin-right: 8px; margin-right: 8px;
} }
} }
} }
} }
@ -942,15 +916,13 @@
.tab.tech-powerbook { .tab.tech-powerbook {
.resource-items { .resource-items {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(5, 1fr);
column-gap: 12px;
.resource { .resource {
h1 { h1 {
border: none; border: none;
margin: 0; margin: 0;
font-family: 'Russo One'; font-family: "Russo One";
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
@ -988,6 +960,23 @@
padding: 1px 4px; padding: 1px 4px;
} }
} }
.attribute-footer {
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
flex: 0 0 18px;
margin-top: -1px;
line-height: 18px;
font-family: "Signika", sans-serif;
font-size: 12px;
font-weight: 400;
white-space: nowrap;
input {
text-align: center;
}
}
} }
} }
@ -1000,7 +989,8 @@
.force-powercasting-ability { .force-powercasting-ability {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;
label, h3 { label,
h3 {
.russoOne(13px); .russoOne(13px);
border-bottom: none; border-bottom: none;
} }
@ -1025,7 +1015,6 @@
section { section {
position: relative; position: relative;
} }
} }
.tab.notes { .tab.notes {
& > .panel { & > .panel {

View file

@ -1112,7 +1112,7 @@ input[type="reset"]:disabled {
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name .item-image::before { .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name .item-image::before {
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
font-weight: 900; font-weight: 900;
content: '\f6cf'; content: "\f6cf";
opacity: 0; opacity: 0;
position: absolute; position: absolute;
top: 0; top: 0;
@ -1372,10 +1372,10 @@ input[type="reset"]:disabled {
display: inline; display: inline;
} }
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .traits-list li::after { .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .traits-list li::after {
content: ','; content: ",";
} }
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .traits-list li:last-child::after { .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .traits-list li:last-child::after {
content: ''; content: "";
} }
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits ul.passives { .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits ul.passives {
grid-column-end: span 2; grid-column-end: span 2;
@ -1400,7 +1400,7 @@ input[type="reset"]:disabled {
margin: 0; margin: 0;
} }
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource h1 input { .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource h1 input {
font-family: 'Russo One'; font-family: "Russo One";
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
@ -1541,14 +1541,13 @@ input[type="reset"]:disabled {
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items, .sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items { .sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(5, 1fr);
column-gap: 12px;
} }
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource h1, .sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource h1,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource h1 { .sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource h1 {
border: none; border: none;
margin: 0; margin: 0;
font-family: 'Russo One'; font-family: "Russo One";
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
@ -1591,6 +1590,23 @@ input[type="reset"]:disabled {
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-value span.value-number { .sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-value span.value-number {
padding: 1px 4px; padding: 1px 4px;
} }
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource .attribute-footer,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-footer {
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
flex: 0 0 18px;
margin-top: -1px;
line-height: 18px;
font-family: "Signika", sans-serif;
font-size: 12px;
font-weight: 400;
white-space: nowrap;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource .attribute-footer input,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-footer input {
text-align: center;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook > .panel, .sw5e.sheet.actor .swalt-sheet .tab.force-powerbook > .panel,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook > .panel { .sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook > .panel {
grid-template-rows: 56px 32px 24px auto; grid-template-rows: 56px 32px 24px auto;

View file

@ -8,6 +8,11 @@
<span class="value-separator">/</span> <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" /> <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>
<footer class="attribute-footer">
<input name="data.attributes.force.points.temp" type="text" placeholder="+Temp" value="{{data.attributes.force.points.temp}}" data-dtype="Number" />
<input name="data.attributes.force.points.tempmax" type="text" placeholder="+Max" value="{{data.attributes.force.points.tempmax}}" data-dtype="Number" />
</footer>
</div> </div>
<div class="resource"> <div class="resource">
@ -36,6 +41,15 @@
<span>{{data.attributes.powerForceDarkDC}}</span> <span>{{data.attributes.powerForceDarkDC}}</span>
</div> </div>
</div> </div>
<div class="resource">
<h1>Powers Known</h1>
<div class="attribute-value">
<div></div>
<span>{{data.attributes.force.known.max}}</span>
</div>
</div>
</section> </section>
{{#if isNPC}} {{#if isNPC}}
@ -55,6 +69,7 @@
</ul> </ul>
<div class="group-list-header group-grid-powers"> <div class="group-list-header group-grid-powers">
<div></div>
<div class="item-detail item-uses"></div> <div class="item-detail item-uses"></div>
<div class="item-detail item-school">{{localize "SW5E.PowerSchool"}}</div> <div class="item-detail item-school">{{localize "SW5E.PowerSchool"}}</div>
<div class="item-detail item-action">{{localize "SW5E.PowerUsage"}}</div> <div class="item-detail item-action">{{localize "SW5E.PowerUsage"}}</div>