From 47f4a47a95e9637b4046c6b298e8bc3359e17bdb Mon Sep 17 00:00:00 2001
From: TheLastScrub <67403321+TheLastScrub@users.noreply.github.com>
Date: Wed, 5 May 2021 21:54:28 -0700
Subject: [PATCH] sort of have bio tinymce editor working again...

---
 css/deltagreen.css              | 53 +++++++++++++++++++++++++--------
 module/deltagreen.js            | 14 +++++++++
 templates/actor/cv-partial.html |  7 ++---
 3 files changed, 57 insertions(+), 17 deletions(-)

diff --git a/css/deltagreen.css b/css/deltagreen.css
index ed7b4df..82fc52d 100644
--- a/css/deltagreen.css
+++ b/css/deltagreen.css
@@ -257,19 +257,6 @@ section.window-content{
   height: 100%;
 }
 
-div.motivation-editor-container div.editor{
-  height: 400px;
-  min-height: 100% !important;
-}
-
-.deltagreen .tox .tox-editor-container {
-  background: #fff;
-}
-
-.deltagreen .tox .tox-edit-area {
-  padding: 0 8px;
-}
-
 .deltagreen .resource-label {
   font-weight: bold;
   text-transform: uppercase;
@@ -602,3 +589,43 @@ div.gear-section-header{
   height: 30px;
 }
 
+.physical-description-label{
+  font-weight: bold;
+}
+
+div.motivation-editor-container div.editor{
+  height: 400px;
+  min-height: 100% !important;
+}
+
+.editor-host .tox .tox-editor-container {
+  background: url("../assets/img/old_paper.jpg") !important;
+}
+
+.deltagreen .tox .tox-editor-container {
+  background: #fff;
+}
+
+.deltagreen .tox .tox-edit-area {
+  padding: 0 8px;
+}
+
+.deltagreen .editor-host .editor {
+  min-height: 35px;
+}
+
+.deltagreen .editor-host .tox {
+  height:100% !important;
+  display:block;
+}
+
+.deltagreen .editor-host .tox-tinymce {
+  height:100% !important;
+  display:block;
+}
+
+.deltagreen .editor-host .tox .tox-edit-area {
+  position: inherit;
+  min-height: 20px;
+  height: 300px;
+}
\ No newline at end of file
diff --git a/module/deltagreen.js b/module/deltagreen.js
index 28a24a6..2925174 100644
--- a/module/deltagreen.js
+++ b/module/deltagreen.js
@@ -161,14 +161,28 @@ Hooks.on("ready", ()=> {
   if(backgroundImageSetting === "OldPaper1"){
     customCss += `section.window-content{
           background: url("systems/deltagreen/assets/img/old_paper.jpg") !important;
+    }
+    .editor-host .tox .tox-editor-container {
+      background: url("../assets/img/old_paper.jpg") !important;
+      font-family: "SpecialElite", sans-serif !important;
     }`;
   }
   else if(backgroundImageSetting === "IvoryPaper"){
     customCss += `section.window-content{
           background: url("systems/deltagreen/assets/img/ivory-off-white-paper-texture.jpg") !important;
           background-size: 100% !important;
+    }
+    .editor-host .tox .tox-editor-container {
+      background: url("systems/deltagreen/assets/img/ivory-off-white-paper-texture.jpg") !important;
+      background-size: 100% !important;
     }`;
   }
+  else{
+    customCss += `.editor-host .tox .tox-editor-container {
+        background: url("/ui/parchment.jpg") !important;
+        background-size: 100% !important;
+      }`;
+  }
 
   customStyle.innerHTML = customCss;
 
diff --git a/templates/actor/cv-partial.html b/templates/actor/cv-partial.html
index 71b5572..3f94b61 100644
--- a/templates/actor/cv-partial.html
+++ b/templates/actor/cv-partial.html
@@ -20,11 +20,10 @@
     <span>{{localize 'DG.CV.Education'}}</span>
     <input class="fill-remaining-space" type="text" name="data.biography.education" value="{{actor.data.data.biography.education}}" data-dtype="String" placeholder="{{localize 'DG.CV.EducationPlaceholder'}}" />
 </div>
-<div>
-  <span style="font-weight: bold;">{{localize 'DG.CV.PhysicalDescriptionLabel'}}</span>  
+<div style="padding: 2px; margin-bottom: 5px;">
+  <span class="physical-description-label">{{localize 'DG.CV.PhysicalDescriptionLabel'}}</span>  
 </div>
 
-<!-- This isn't showing up anymore...-->
-<div style="height: 400px;">
+<div class="editor-host">
     {{editor content=actor.data.data.physicalDescription target="data.physicalDescription" button=true owner=owner editable=editable}}
 </div>