diff --git a/css/kidsonbrooms.css b/css/kidsonbrooms.css index 1f0b24b..0316024 100644 --- a/css/kidsonbrooms.css +++ b/css/kidsonbrooms.css @@ -311,6 +311,10 @@ cursor: pointer; } +.editor-container { + min-height: 200px; /* Adjust this value as needed */ +} + /* Styles limited to kidsonbrooms sheets */ .kids-on-brooms .item-form { font-family: "Roboto", sans-serif; @@ -325,17 +329,18 @@ flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; -webkit-box-flex: 0; - -ms-flex: 0 auto; - flex: 0 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; overflow: hidden; margin-bottom: 10px; + height: 110px; } .kids-on-brooms .sheet-header .profile-img { -webkit-box-flex: 0; diff --git a/module/kidsonbrooms.mjs b/module/kidsonbrooms.mjs index 31165ad..194b3ae 100644 --- a/module/kidsonbrooms.mjs +++ b/module/kidsonbrooms.mjs @@ -42,6 +42,7 @@ Hooks.once('init', async function() { decimals: 2 }; + // Define custom Document classes CONFIG.Actor.documentClass = KidsOnBroomsActor; @@ -104,12 +105,10 @@ Hooks.once('init', async function() { } }); - - - - // Preload Handlebars templates. return preloadHandlebarsTemplates(); + + }); /*** diff --git a/module/sheets/actor-sheet.mjs b/module/sheets/actor-sheet.mjs index 7de4c75..b4a3819 100644 --- a/module/sheets/actor-sheet.mjs +++ b/module/sheets/actor-sheet.mjs @@ -20,6 +20,8 @@ export class KidsOnBroomsActorSheet extends ActorSheet { { console.log("template", this.actor) return `systems/kidsonbrooms/templates/actor/actor-${this.actor.type}-sheet.html`; + + } /* -------------------------------------------- */ diff --git a/scss/components/_forms.scss b/scss/components/_forms.scss index ea9b36d..9652480 100644 --- a/scss/components/_forms.scss +++ b/scss/components/_forms.scss @@ -3,10 +3,15 @@ } .sheet-header { - @include flexbox(row, wrap, flex-start); // Use a mixin for flexbox - flex: 0 auto; + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items: flex-start; + justify-content: flex-start; // Use a mixin for flexbox + flex: 0 1 auto; overflow: hidden; margin-bottom: 10px; + height: 110px; .profile-img { flex: 0 0 100px; diff --git a/scss/kidsonbrooms.scss b/scss/kidsonbrooms.scss index 403c967..5445f18 100644 --- a/scss/kidsonbrooms.scss +++ b/scss/kidsonbrooms.scss @@ -14,6 +14,10 @@ @import 'global/flex'; @import 'global/base'; +.editor-container { + min-height: 200px; /* Adjust this value as needed */ +} + /* Styles limited to kidsonbrooms sheets */ .kids-on-brooms { @import 'components/forms'; diff --git a/templates/actor/actor-character-sheet.html b/templates/actor/actor-character-sheet.html index 3212a86..96bb181 100644 --- a/templates/actor/actor-character-sheet.html +++ b/templates/actor/actor-character-sheet.html @@ -43,6 +43,7 @@ +