From 0b17e0e1a1fae5bea6d2bfbadc3728c65786a6f1 Mon Sep 17 00:00:00 2001
From: kckckc <kckckcdev@gmail.com>
Date: Sat, 16 Apr 2022 23:27:59 -0700
Subject: [PATCH 1/2] Separate chat and chat filters border shadow

---
 src/client/ui/templates/messages/styles.less  |  9 ++++++-
 .../ui/templates/messages/template.html       | 24 ++++++++++---------
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/client/ui/templates/messages/styles.less b/src/client/ui/templates/messages/styles.less
index e3062111..435b0672 100644
--- a/src/client/ui/templates/messages/styles.less
+++ b/src/client/ui/templates/messages/styles.less
@@ -222,12 +222,19 @@
 	}
 
 	&.typing {
-		box-shadow: 0 -2px 0 @black, 0 2px 0 @black, 2px 0 0 @black, -2px 0 0 @black;
 		pointer-events: all;
 
 		.filters {
 			pointer-events: all;
 			display: flex;
+
+			.filter {
+				box-shadow: 0 -2px 0 @black, 0 2px 0 @black, 2px 0 0 @black, -2px 0 0 @black;
+			}
+		}
+
+		.main {
+			box-shadow: 0 -2px 0 @black, 0 2px 0 @black, 2px 0 0 @black, -2px 0 0 @black;
 		}
 
 		.list {
diff --git a/src/client/ui/templates/messages/template.html b/src/client/ui/templates/messages/template.html
index 566ee2f3..5be45136 100644
--- a/src/client/ui/templates/messages/template.html
+++ b/src/client/ui/templates/messages/template.html
@@ -5,16 +5,18 @@
 		<div class="btn filter active" filter="chat">players</div>
 		<div class="btn filter active" filter="loot">loot</div>
 	</div>
-	<div class="list rep chat info loot"></div>
-	<div class="bottom">
-		<div class="channelPicker"></div>
-		<input type="text" class="el textbox message">
-		<div class="input el textbox message"></div>
-	</div>
-	<div class="bottom time"></div>
-	<div class="bottom channelOptions">
-		<div class="option">global</div>
-		<div class="option">party</div>
-		<div class="option">direct</div>
+	<div class="main">
+		<div class="list rep chat info loot"></div>
+		<div class="bottom">
+			<div class="channelPicker"></div>
+			<input type="text" class="el textbox message">
+			<div class="input el textbox message"></div>
+		</div>
+		<div class="bottom time"></div>
+		<div class="bottom channelOptions">
+			<div class="option">global</div>
+			<div class="option">party</div>
+			<div class="option">direct</div>
+		</div>
 	</div>
 </div>

From 250a35a29432ff9d862d4888ef6ce6c6f8fb2562 Mon Sep 17 00:00:00 2001
From: kckckc <kckckcdev@gmail.com>
Date: Wed, 20 Apr 2022 00:51:54 -0700
Subject: [PATCH 2/2] Use hasBorderShadow class

---
 src/client/ui/templates/messages/messages.js   | 2 ++
 src/client/ui/templates/messages/styles.less   | 8 --------
 src/client/ui/templates/messages/template.html | 8 ++++----
 src/client/ui/templates/messages/tplTab.html   | 2 +-
 4 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/src/client/ui/templates/messages/messages.js b/src/client/ui/templates/messages/messages.js
index 4b88ac2c..bf43ecf8 100644
--- a/src/client/ui/templates/messages/messages.js
+++ b/src/client/ui/templates/messages/messages.js
@@ -296,11 +296,13 @@ define([
 			input.resetKeys();
 
 			this.el.removeClass('typing');
+			this.el.find('.main').removeClass('hasBorderShadow');
 
 			let textbox = this.find('input');
 
 			if (show) {
 				this.el.addClass('typing');
+				this.el.find('.main').addClass('hasBorderShadow');
 
 				if (!config.rememberChatChannel) {
 					this.currentChannel = 'global';
diff --git a/src/client/ui/templates/messages/styles.less b/src/client/ui/templates/messages/styles.less
index 435b0672..6334ab13 100644
--- a/src/client/ui/templates/messages/styles.less
+++ b/src/client/ui/templates/messages/styles.less
@@ -227,14 +227,6 @@
 		.filters {
 			pointer-events: all;
 			display: flex;
-
-			.filter {
-				box-shadow: 0 -2px 0 @black, 0 2px 0 @black, 2px 0 0 @black, -2px 0 0 @black;
-			}
-		}
-
-		.main {
-			box-shadow: 0 -2px 0 @black, 0 2px 0 @black, 2px 0 0 @black, -2px 0 0 @black;
 		}
 
 		.list {
diff --git a/src/client/ui/templates/messages/template.html b/src/client/ui/templates/messages/template.html
index 5be45136..b64d0ce2 100644
--- a/src/client/ui/templates/messages/template.html
+++ b/src/client/ui/templates/messages/template.html
@@ -1,9 +1,9 @@
 <div class="uiMessages active">
 	<div class="filters">
-		<div class="btn filter active" filter="info">info</div>
-		<div class="btn filter active" filter="rep">reputation</div>
-		<div class="btn filter active" filter="chat">players</div>
-		<div class="btn filter active" filter="loot">loot</div>
+		<div class="btn filter active hasBorderShadow" filter="info">info</div>
+		<div class="btn filter active hasBorderShadow" filter="rep">reputation</div>
+		<div class="btn filter active hasBorderShadow" filter="chat">players</div>
+		<div class="btn filter active hasBorderShadow" filter="loot">loot</div>
 	</div>
 	<div class="main">
 		<div class="list rep chat info loot"></div>
diff --git a/src/client/ui/templates/messages/tplTab.html b/src/client/ui/templates/messages/tplTab.html
index 606fff75..5c74e14a 100644
--- a/src/client/ui/templates/messages/tplTab.html
+++ b/src/client/ui/templates/messages/tplTab.html
@@ -1 +1 @@
-<div class="filter active" filter="filterName"></div>
\ No newline at end of file
+<div class="filter active hasBorderShadow" filter="filterName"></div>
\ No newline at end of file