forked from GitHub-Mirrors/foundry-sw5e
Merge pull request #131 from Cyr-/cyr-vj-changes
Changes to display force/tech points
This commit is contained in:
commit
6169add4a3
3 changed files with 123 additions and 3 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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"}}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue