dungeonslayers/ds4
dungeonslayers/ds4
3
0
Fork 0
Code Issues 9 Pull requests 7 Projects Releases 10 Packages 1 Activity

Make basic properties more responsive (grid draft)

Browse source
This commit is contained in:
Oliver Rümpelein 2021-01-15 23:49:41 +01:00
parent bbf9c35a6b
commit 5c74da883b
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/scss/components/_basic_property.scss
View file

@ -1,6 +1,7 @@
.basic-properties { .basic-properties {
flex: 0 0 100%; flex: 0 0 100%;
gap: 2px; grid-gap: 2px;
grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));
.basic-property { .basic-property {
display: grid; display: grid;
align-content: end; align-content: end;

8
src/templates/item/spell-sheet.hbs
View file

@ -28,9 +28,9 @@
<form class="{{cssClass}}" autocomplete="off"> <form class="{{cssClass}}" autocomplete="off">
{{#> systems/ds4/templates/item/partials/sheet-header.hbs}} {{#> systems/ds4/templates/item/partials/sheet-header.hbs}}
<div class="grid grid-4col basic-properties"> <div class="grid basic-properties">
<div class="basic-property"> <div class="basic-property">
<label for="data.spellType">{{localize "DS4.SpellType"}}</label> <label for="data.spellType">{{localize "DS4.SpellType"}}</label>
<select name="data.spellType" data-type="String"> <select name="data.spellType" data-type="String">
{{#select data.spellType}} {{#select data.spellType}}
{{#each config.spellTypes as |value key|}} {{#each config.spellTypes as |value key|}}
@ -45,11 +45,11 @@
</div> </div>
</div> </div>
{{/systems/ds4/templates/item/partials/sheet-header.hbs}} {{/systems/ds4/templates/item/partials/sheet-header.hbs}}
{{!-- Common Item body --}} {{!-- Common Item body --}}
{{#> systems/ds4/templates/item/partials/body.hbs}} {{#> systems/ds4/templates/item/partials/body.hbs}}
<div class="side-property"> <div class="side-property">
<label for="data.spellCategory">{{localize "DS4.SpellCategory"}}</label> <label for="data.spellCategory">{{localize "DS4.SpellCategory"}}</label>
<select name="data.spellCategory" data-type="String"> <select name="data.spellCategory" data-type="String">
{{#select data.spellCategory}} {{#select data.spellCategory}}
{{#each config.spellCategories as |value key|}} {{#each config.spellCategories as |value key|}}