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

Changes to display force/tech points
This commit is contained in:
supervj 2021-02-02 21:56:59 -05:00 committed by GitHub
commit 6169add4a3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 123 additions and 3 deletions

View file

@ -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;
}

View file

@ -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;
}

View file

@ -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"}}