From 37821f11d59533f7eb80916a61ed7a9dbdb48739 Mon Sep 17 00:00:00 2001
From: Starbeamrainbowlabs <sbrl@starbeamrainbowlabs.com>
Date: Wed, 20 Dec 2023 00:07:24 +0000
Subject: [PATCH] docs/img2brush: limit height of output, update wording

---
 .docs/css/theme.css        | 15 +++++++++++++++
 .docs/img2brush/index.html |  1 +
 2 files changed, 16 insertions(+)

diff --git a/.docs/css/theme.css b/.docs/css/theme.css
index 462f70b..340bbfc 100644
--- a/.docs/css/theme.css
+++ b/.docs/css/theme.css
@@ -442,6 +442,16 @@ footer {
 	border: 0.2em solid var(--cat-colour);
 }
 
+.note, .tip, .important, .warning, .caution {
+	padding: 0.4em 0.6em;
+	
+}
+.note		{ border-left: 0.2em solid #31a0fc; background: #31a1fc1f; }
+.tip		{ border-left: 0.2em solid #25cb1c; background: #31fc491f; }
+.important	{ border-left: 0.2em solid #911ccb; background: #bc31fc1f; }
+.warning	{ border-left: 0.2em solid #e0b840; background: #efc7461f; }
+.caution	{ border-left: 0.2em solid #e04040; background: #ef5f461f; }
+
 
 .contributor-list {
 	list-style-type: none;
@@ -486,3 +496,8 @@ footer {
 	animation: move-diagonal 5s linear infinite;
 }
 #brushimg-preview { flex: 1; }
+#brushimg-tsv {
+	display: block;
+	max-height: 90vh;
+	overflow: scroll;
+}
diff --git a/.docs/img2brush/index.html b/.docs/img2brush/index.html
index ce14662..83ecab7 100644
--- a/.docs/img2brush/index.html
+++ b/.docs/img2brush/index.html
@@ -17,6 +17,7 @@ title: Image to brush converter
 		</select> 
 	</p>
 	<p>Only the selected channel is used to determine the weight of the brush - <strong>all other channels are ignored</strong>! Change the channel option <strong>before</strong> you drag + drop the image onto this page.</p>
+	<p class="note">Greyscale images are converted to RGB, so <em>red</em>, <em>green</em>, and <em>blue</em> all have the same effect on such images.</p>
 </section>
 
 <section id="dropzone" class="bigbox panel-generic">