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 {
padding: 8px;
border-radius: 4px;
@ -34,16 +33,17 @@
}
.sw5e.sheet.actor {
input, select, textarea {
input,
select,
textarea {
border-color: transparent;
background: none;
}
.swalt-sheet {
display: grid;
grid-template-rows: 182px 36px auto;
section>h1 {
section > h1 {
.russoOne(17px);
text-align: left;
margin-bottom: 4px;
@ -164,11 +164,9 @@
.russoOne(22px);
text-align: center;
line-height: 1;
}
.attribute-value {
&.multiple {
display: grid;
grid-template-columns: auto 14px auto;
@ -204,8 +202,6 @@
}
footer {
button {
background: none;
padding: 1px 3px;
@ -234,10 +230,8 @@
}
button {
font-weight: 400;
margin-top: 2px;
}
span {
@ -320,14 +314,13 @@
width: 100px;
text-align: center;
&+.filter-item {
& + .filter-item {
margin-left: 12px;
}
&:hover {
text-shadow: none;
}
}
}
@ -354,7 +347,6 @@
text-shadow: none;
}
}
}
.group-list-header,
@ -420,14 +412,13 @@
&::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f6cf';
content: "\f6cf";
opacity: 0;
position: absolute;
top: 0;
left: 2px;
font-size: 26px;
}
}
h4 {
@ -475,9 +466,7 @@
&:hover {
text-shadow: none;
}
}
}
}
@ -498,7 +487,6 @@
.item-controls {
grid-column-start: 4;
}
}
.group-grid-powers {
grid-template-columns: auto repeat(5, 100px);
@ -509,8 +497,6 @@
padding: 0 4px;
}
}
}
.group-grid-fav-items {
grid-template-columns: auto 60px 30px 30px 50px;
@ -522,7 +508,6 @@
}
}
}
}
.tab > .panel {
@ -556,7 +541,7 @@
li {
border-radius: 0;
padding: 4px;
&+li {
& + li {
border-top: 0 !important;
}
&:first-child {
@ -619,7 +604,6 @@
line-height: 1;
}
}
}
}
@ -629,7 +613,6 @@
grid-template-columns: 28px auto 18px 28px;
align-items: center;
.proficiency-toggle {
border: none;
background: none;
@ -673,7 +656,7 @@
line-height: 1.6;
.russoOne(14px);
&+button {
& + button {
margin-left: 8px;
}
}
@ -709,9 +692,7 @@
&:hover {
text-shadow: none;
}
}
}
.languages {
@ -728,11 +709,11 @@
display: inline;
&::after {
content: ',';
content: ",";
}
&:last-child::after {
content: '';
content: "";
}
}
}
@ -749,7 +730,6 @@
strong {
font-size: 13px;
}
}
}
@ -761,13 +741,12 @@
column-gap: 12px;
.resource {
h1 {
border: none;
margin: 0;
input {
font-family: 'Russo One';
font-family: "Russo One";
font-size: 16px;
font-weight: 400;
text-align: center;
@ -805,7 +784,6 @@
span.value-number {
padding: 1px 4px;
}
}
.attribute-footer {
@ -816,7 +794,6 @@
label {
text-align: center;
}
}
}
}
@ -860,14 +837,11 @@
.death-success,
.death-fail {
display: inline-block;
}
.death-success {
margin-right: 8px;
}
}
}
}
@ -875,7 +849,7 @@
}
.tab.inventory {
&>.panel {
& > .panel {
grid-template-rows: 32px 32px 24px auto;
}
@ -934,7 +908,7 @@
}
}
.tab.features {
&>.panel {
& > .panel {
grid-template-rows: 24px auto;
}
}
@ -942,15 +916,13 @@
.tab.tech-powerbook {
.resource-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 12px;
grid-template-columns: repeat(5, 1fr);
.resource {
h1 {
border: none;
margin: 0;
font-family: 'Russo One';
font-family: "Russo One";
font-size: 16px;
font-weight: 400;
text-align: center;
@ -988,10 +960,27 @@
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;
}
}
}
}
&>.panel {
& > .panel {
grid-template-rows: 56px 32px 24px auto;
}
h3.power-dc {
@ -1000,7 +989,8 @@
.force-powercasting-ability {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
label, h3 {
label,
h3 {
.russoOne(13px);
border-bottom: none;
}
@ -1018,23 +1008,22 @@
&.active {
display: grid;
}
&>.panel {
& > .panel {
display: block;
overflow-y: auto;
}
section {
position: relative;
}
}
.tab.notes {
&>.panel {
& > .panel {
display: block;
overflow-y: auto;
}
section {
position: relative;
&>input {
& > input {
.russoOne(16px);
text-align: left;
margin-bottom: 4px;

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 {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f6cf';
content: "\f6cf";
opacity: 0;
position: absolute;
top: 0;
@ -1372,10 +1372,10 @@ input[type="reset"]:disabled {
display: inline;
}
.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 {
content: '';
content: "";
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits ul.passives {
grid-column-end: span 2;
@ -1400,7 +1400,7 @@ input[type="reset"]:disabled {
margin: 0;
}
.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-weight: 400;
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.tech-powerbook .resource-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 12px;
grid-template-columns: repeat(5, 1fr);
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource h1,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource h1 {
border: none;
margin: 0;
font-family: 'Russo One';
font-family: "Russo One";
font-size: 16px;
font-weight: 400;
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 {
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.tech-powerbook > .panel {
grid-template-rows: 56px 32px 24px auto;

View file

@ -8,6 +8,11 @@
<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>
<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 class="resource">
@ -36,6 +41,15 @@
<span>{{data.attributes.powerForceDarkDC}}</span>
</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>
{{#if isNPC}}
@ -55,6 +69,7 @@
</ul>
<div class="group-list-header group-grid-powers">
<div></div>
<div class="item-detail item-uses"></div>
<div class="item-detail item-school">{{localize "SW5E.PowerSchool"}}</div>
<div class="item-detail item-action">{{localize "SW5E.PowerUsage"}}</div>