Make basic properties more responsive (grid draft)
This commit is contained in:
parent
bbf9c35a6b
commit
5c74da883b
2 changed files with 6 additions and 5 deletions
|
@ -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;
|
||||||
|
|
|
@ -28,7 +28,7 @@
|
||||||
|
|
||||||
<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">
|
||||||
|
|
Loading…
Reference in a new issue