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

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;
+  -ms-flex: 0 1 auto;
-  flex: 0 auto;
+  flex: 0 1 auto;
   overflow: hidden;
   margin-bottom: 10px;
+  height: 110px;
 }
 .kids-on-brooms .sheet-header .profile-img {
   -webkit-box-flex: 0;

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();
+
+  
 });
 
 /***

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`;
+
+
   }
 
   /* -------------------------------------------- */

scss/components/_forms.scss

@@ -3,10 +3,15 @@
 }
 
 .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;
   margin-bottom: 10px;
+  height: 110px;
 
   .profile-img {
     flex: 0 0 100px;

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';

templates/actor/actor-character-sheet.html

@@ -43,6 +43,7 @@
 
       </section>
     </div>
+
     <div class="tab schoolbag" data-group="primary" data-tab="schoolbag">
       {{!-- Schoolbag Tab --}}
       <div class="tab features editor-border" data-group="primary" data-tab="schoolbag">
@@ -52,6 +53,7 @@
     
     
     
+
     {{!-- Strengths Tab --}}
     <div class="tab features editor-border" data-group="primary" data-tab="strengths">
       {{editor strengths target="system.strengths" engine="prosemirror" button=false collaborate=false editable=true}}