Make basic properties more responsive (grid draft)

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

View file

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

View file

@ -28,9 +28,9 @@
<form class="{{cssClass}}" autocomplete="off">
{{#> systems/ds4/templates/item/partials/sheet-header.hbs}}
<div class="grid grid-4col basic-properties">
<div class="grid basic-properties">
<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 data.spellType}}
{{#each config.spellTypes as |value key|}}
@ -45,11 +45,11 @@
</div>
</div>
{{/systems/ds4/templates/item/partials/sheet-header.hbs}}
{{!-- Common Item body --}}
{{#> systems/ds4/templates/item/partials/body.hbs}}
<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 data.spellCategory}}
{{#each config.spellCategories as |value key|}}