From 5c74da883b7bd68ebfeb0823cff6ba22b94fb220 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oliver=20R=C3=BCmpelein?= <oli_r@fg4f.de>
Date: Fri, 15 Jan 2021 23:49:41 +0100
Subject: [PATCH] Make basic properties more responsive (grid draft)
---
src/scss/components/_basic_property.scss | 3 ++-
src/templates/item/spell-sheet.hbs | 8 ++++----
2 files changed, 6 insertions(+), 5 deletions(-)
diff --git a/src/scss/components/_basic_property.scss b/src/scss/components/_basic_property.scss
index 40978da..e0871f8 100644
--- a/src/scss/components/_basic_property.scss
+++ b/src/scss/components/_basic_property.scss
@@ -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;
diff --git a/src/templates/item/spell-sheet.hbs b/src/templates/item/spell-sheet.hbs
index 5f2c7a2..039366f 100644
--- a/src/templates/item/spell-sheet.hbs
+++ b/src/templates/item/spell-sheet.hbs
@@ -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|}}