Get the stats displaying on the character sheet nicely

This commit is contained in:
Oliver-Akins 2023-11-26 01:37:21 -07:00
parent 98af0683c3
commit 354a2d099b
6 changed files with 41 additions and 14 deletions

View file

@ -9,6 +9,14 @@
padding: 0;
background: #f2f2f2;
}
.dotdungeon button, .dotdungeon button:hover {
all: initial;
font-family: inherit;
cursor: pointer;
}
.dotdungeon select, .dotdungeon select:hover {
cursor: pointer;
}
.dotdungeon .stat {
display: flex;
@ -117,4 +125,4 @@
}
}
/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../styles/root.scss%22,%22../styles/vars.scss%22,%22../styles/sheets/partials/stat.scss%22,%22../styles/sheets/actor/mvp.scss%22,%22../styles/mixins/_breakpoints.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAEQ;AAER;EACC;EACA;EACA;EAGA;;AAEA;EACC;EACA,YCbW;;;ACDb;EACC;EACA;EACA;;ACCA;EACC;EACA;EACA,qBACC;EASD;EACA;EACA;EACA;;AAGC;EACC;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAKH;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA,aFvFS;EEwFT;;AAGD;EAEC,QADO;EAEP,OAFO;EAGP;;;ACxFH;EDiGC;IACC;IACA;IACA,qBACC;;EAiBF;IACC;;EAGC;IACC;;;ACrHJ;ED8HC;IACC;IACA,qBACC;;EAGF;IACC%22,%22file%22:%22root.css%22%7D */
/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../styles/root.scss%22,%22../styles/vars.scss%22,%22../styles/mixins/_foundry.scss%22,%22../styles/sheets/partials/stat.scss%22,%22../styles/sheets/actor/mvp.scss%22,%22../styles/mixins/_breakpoints.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAGQ;AAER;EACC;EACA;EACA;EAGA;;AAEA;EACC;EACA,YCdW;;ADiBZ;EEjBA;EFmBC;EACA;;AAGD;EACC;;;AGzBF;EACC;EACA;EACA;;ACCA;EACC;EACA;EACA,qBACC;EASD;EACA;EACA;EACA;;AAGC;EACC;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAKH;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA,aHvFS;EGwFT;;AAGD;EAEC,QADO;EAEP,OAFO;EAGP;;;ACxFH;EDiGC;IACC;IACA;IACA,qBACC;;EAiBF;IACC;;EAGC;IACC;;;ACrHJ;ED8HC;IACC;IACA,qBACC;;EAGF;IACC%22,%22file%22:%22root.css%22%7D */

View file

@ -14,13 +14,12 @@
"dotdungeon.panel.summons": "Summons",
"dotdungeon.panel.storage": "Storage",
"stat.title": "Stats",
"stat.build": "Build",
"stat.meta": "Meta",
"stat.presence": "Presence",
"stat.hands": "Hands",
"stat.tilt": "Tilt",
"stat.rng": "RNG",
"dotdungeon.stat.build": "Build",
"dotdungeon.stat.meta": "Meta",
"dotdungeon.stat.presence": "Presence",
"dotdungeon.stat.hands": "Hands",
"dotdungeon.stat.tilt": "Tilt",
"dotdungeon.stat.rng": "RNG",
"skills.header": "Skills",
"skills.build": "Build",

View file

@ -0,0 +1,3 @@
@mixin fvtt_reset {
all: initial;
}

View file

@ -1,3 +1,4 @@
@use "./mixins/foundry" as *;
@use "./vars.scss" as *;
@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap');
@ -14,6 +15,16 @@
padding: 0;
background: $background;
}
button, button:hover {
@include fvtt_reset;
font-family: inherit;
cursor: pointer;
}
select, select:hover {
cursor: pointer;
}
}
@import "./sheets/partials/stat.scss";

View file

@ -1,4 +1,6 @@
<div class="stat">
<label>{{localize (concat "stat." stat)}}</label>
<label class="stat stat--{{name}}">
<button class="roll-stat" data-stat="{{name}}">
{{localize (concat "dotdungeon.stat." name)}}
</button>
{{> dotdungeon.dice_choice }}
</div>
</label>

View file

@ -1,12 +1,16 @@
<form autocomplete="off" class="dotdungeon actor--pc">
<form autocomplete="off" class="actor--pc">
{{#> dotdungeon.panel class="avatar" title="dotdungeon.panel.avatar"}}
Avatar Content
{{/ dotdungeon.panel}}
{{#> dotdungeon.panel class="stats" title="dotdungeon.panel.statistics"}}
Statistics
{{#each (dotdungeon-array "build" "meta" "presence" "hands" "tilt" "rng")}}
{{> dotdungeon.stat name=this}}
{{/each}}
{{/ dotdungeon.panel}}
{{#> dotdungeon.panel class="skills" title="dotdungeon.panel.skills"}}
Skills
<div class="skill-group">
<h3>{{localize "dotdungeon.skills.build"}}</h3>
</div>
{{/ dotdungeon.panel}}
{{#> dotdungeon.panel class="backpack" title="dotdungeon.panel.backpack"}}
Backpack