fix: schoolbag, strengths and trope question tab editor content block had height of 0px

This commit is contained in:
Joscha Maier 2024-12-02 19:00:59 +01:00
parent 6dc5149c3b
commit bde6ffca74
No known key found for this signature in database
GPG Key ID: 8C4D045D84A30ABA
6 changed files with 28 additions and 11 deletions

View File

@ -311,6 +311,10 @@
cursor: pointer; cursor: pointer;
} }
.editor-container {
min-height: 200px; /* Adjust this value as needed */
}
/* Styles limited to kidsonbrooms sheets */ /* Styles limited to kidsonbrooms sheets */
.kids-on-brooms .item-form { .kids-on-brooms .item-form {
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
@ -325,17 +329,18 @@
flex-direction: row; flex-direction: row;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start; -webkit-box-pack: start;
-ms-flex-pack: start; -ms-flex-pack: start;
justify-content: flex-start; justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-flex: 0; -webkit-box-flex: 0;
-ms-flex: 0 auto; -ms-flex: 0 1 auto;
flex: 0 auto; flex: 0 1 auto;
overflow: hidden; overflow: hidden;
margin-bottom: 10px; margin-bottom: 10px;
height: 110px;
} }
.kids-on-brooms .sheet-header .profile-img { .kids-on-brooms .sheet-header .profile-img {
-webkit-box-flex: 0; -webkit-box-flex: 0;

View File

@ -42,6 +42,7 @@ Hooks.once('init', async function() {
decimals: 2 decimals: 2
}; };
// Define custom Document classes // Define custom Document classes
CONFIG.Actor.documentClass = KidsOnBroomsActor; CONFIG.Actor.documentClass = KidsOnBroomsActor;
@ -104,12 +105,10 @@ Hooks.once('init', async function() {
} }
}); });
// Preload Handlebars templates. // Preload Handlebars templates.
return preloadHandlebarsTemplates(); return preloadHandlebarsTemplates();
}); });
/*** /***

View File

@ -20,6 +20,8 @@ export class KidsOnBroomsActorSheet extends ActorSheet {
{ {
console.log("template", this.actor) console.log("template", this.actor)
return `systems/kidsonbrooms/templates/actor/actor-${this.actor.type}-sheet.html`; return `systems/kidsonbrooms/templates/actor/actor-${this.actor.type}-sheet.html`;
} }
/* -------------------------------------------- */ /* -------------------------------------------- */

View File

@ -3,10 +3,15 @@
} }
.sheet-header { .sheet-header {
@include flexbox(row, wrap, flex-start); // Use a mixin for flexbox display: flex;
flex: 0 auto; 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; overflow: hidden;
margin-bottom: 10px; margin-bottom: 10px;
height: 110px;
.profile-img { .profile-img {
flex: 0 0 100px; flex: 0 0 100px;

View File

@ -14,6 +14,10 @@
@import 'global/flex'; @import 'global/flex';
@import 'global/base'; @import 'global/base';
.editor-container {
min-height: 200px; /* Adjust this value as needed */
}
/* Styles limited to kidsonbrooms sheets */ /* Styles limited to kidsonbrooms sheets */
.kids-on-brooms { .kids-on-brooms {
@import 'components/forms'; @import 'components/forms';

View File

@ -43,6 +43,7 @@
</section> </section>
</div> </div>
<div class="tab schoolbag" data-group="primary" data-tab="schoolbag"> <div class="tab schoolbag" data-group="primary" data-tab="schoolbag">
{{!-- Schoolbag Tab --}} {{!-- Schoolbag Tab --}}
<div class="tab features editor-border" data-group="primary" data-tab="schoolbag"> <div class="tab features editor-border" data-group="primary" data-tab="schoolbag">
@ -51,6 +52,7 @@
</div> </div>
{{!-- Strengths Tab --}} {{!-- Strengths Tab --}}
<div class="tab features editor-border" data-group="primary" data-tab="strengths"> <div class="tab features editor-border" data-group="primary" data-tab="strengths">