From dc938d67e7e907086861ee426df56ef647f083d3 Mon Sep 17 00:00:00 2001
From: Dorako <dirako@gmail.com>
Date: Thu, 12 May 2022 17:34:50 +0200
Subject: [PATCH] v1.3.18

---
 CHANGELOG.md         |  4 ++++
 README.md            |  2 --
 module.json          |  4 ++--
 scripts/dorako-ui.js | 21 +++++++++++++++++++++
 styles/sidebar.css   | 28 +++++++++++++++-------------
 5 files changed, 42 insertions(+), 17 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a6977d3..a6848b0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+# 1.3.18
+
+Changes to familiar sheets, courtesy of @Vesselchuck. Add setting for increasing the size of the chat box.
+
 # 1.3.17
 
 New dark mode familiar sheets, courtesy of @Vesselchuck.
diff --git a/README.md b/README.md
index ffcf858..cc25206 100644
--- a/README.md
+++ b/README.md
@@ -22,8 +22,6 @@ Works great with:
 
 Works well with:
 
-- Sidebar, Chat and Windows Resizer
-- Module Management+
 - Combat Focus
 - Combat Enhancement
 - Bar Brawl
diff --git a/module.json b/module.json
index b1e5fe0..f30759a 100644
--- a/module.json
+++ b/module.json
@@ -4,12 +4,12 @@
   "description": "Overhauls the Foundry UI and several modules.",
   "url": "https://github.com/Dorako/pf2e-dorako-ui",
   "author": "Dorako",
-  "version": "1.3.17",
+  "version": "1.3.18",
   "minimumCoreVersion": "9",
   "compatibleCoreVersion": "9",
   "system": ["pf2e"],
   "scripts": ["scripts/dorako-ui.js"],
   "templates": ["templates/*"],
-  "download": "https://github.com/Dorako/pf2e-dorako-ui/archive/refs/tags/v1.3.17.zip",
+  "download": "https://github.com/Dorako/pf2e-dorako-ui/archive/refs/tags/v1.3.18.zip",
   "manifest": "https://github.com/Dorako/pf2e-dorako-ui/raw/main/module.json"
 }
diff --git a/scripts/dorako-ui.js b/scripts/dorako-ui.js
index df889de..ed791d4 100644
--- a/scripts/dorako-ui.js
+++ b/scripts/dorako-ui.js
@@ -419,6 +419,22 @@ Hooks.once("init", async function () {
     },
   });
 
+  game.settings.register("pf2e-dorako-ui", "chat-input-height", {
+    name: "Chatbox height",
+    scope: "client",
+    type: Number,
+    default: 50,
+    range: {
+      min: 50,
+      max: 300,
+      step: 5,
+    },
+    config: true,
+    onChange: () => {
+      debouncedReload();
+    },
+  });
+
   game.settings.register("pf2e-dorako-ui", "enable-player-tags", {
     name: "Add player tags?",
     hint: "Adds a tag containing the name of the player next to the speaker.",
@@ -775,6 +791,11 @@ Hooks.once("init", async function () {
         "px"
     );
 
+    root.setProperty(
+      "--chat-input-height",
+      game.settings.get("pf2e-dorako-ui", "chat-input-height").toString() + "px"
+    );
+
     if (game.settings.get("pf2e-dorako-ui", "skin-navigation"))
       injectCSS("navigation");
     if (game.settings.get("pf2e-dorako-ui", "skin-controls"))
diff --git a/styles/sidebar.css b/styles/sidebar.css
index ca812e5..f2ea724 100644
--- a/styles/sidebar.css
+++ b/styles/sidebar.css
@@ -3,8 +3,7 @@
 /* Glass - Remove prior styling */
 
 #sidebar,
-#sidebar-tabs
-{
+#sidebar-tabs {
     border: none;
     border-radius: 0px;
     box-shadow: none;
@@ -28,8 +27,7 @@
 } */
 
 /* .sidebar-popout.app */
-#sidebar.app
-{
+#sidebar.app {
     border: none;
     border-radius: var(--dorako-radius);
     background-color: var(--dorako-bg-current);
@@ -50,7 +48,7 @@
     margin: none;
 }
 
-#sidebar-tabs > .item {
+#sidebar-tabs>.item {
     transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     position: relative;
     flex: 0 0 21px;
@@ -74,6 +72,7 @@
     transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     box-shadow: var(--gold-and-glow);
 }
+
 #sidebar-tabs>.item:not(.active):hover {
     color: white;
     box-shadow: none;
@@ -108,23 +107,26 @@ nav.damage-log-nav .item.active {
     background-color: var(--paizo-blue-bright);
     border: none;
     transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-    border-radius:5px;
+    border-radius: 5px;
 }
+
 nav.damage-log-nav .item {
     transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     margin: 2px;
     color: white;
-    border-radius:5px;
-    margin:2px;
+    border-radius: 5px;
+    margin: 2px;
     border: none;
 }
+
 nav.damage-log-nav .item:not(.active):hover {
     box-shadow: var(--gold-and-glow);
     background-color: var(--paizo-blue);
-    border: none;   
+    border: none;
     transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-    border-radius:5px;
+    border-radius: 5px;
 }
+
 nav.damage-log-nav.tabs {
     flex: 0;
     margin: 0px;
@@ -142,7 +144,7 @@ nav.damage-log-nav.tabs {
     text-shadow: none;
 }
 
-#sidebar-tabs > .collapse {
+#sidebar-tabs>.collapse {
     text-align: center;
     align-self: center;
 }
@@ -163,11 +165,11 @@ nav.damage-log-nav.tabs {
 
 
 #chat-form {
-    flex: 0 0 70px;
+    flex: 0 0 var(--chat-input-height);
 }
 
 #chat-form textarea {
-    min-height: 50px;
+    min-height: var(--chat-input-height);
     height: 100%;
     background-image: none;
     border: none;