From f86f261733773e4eaeb5aca439ee8005ca310684 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Fri, 16 Aug 2024 18:48:18 +0300
Subject: [PATCH] add chat commands tooltip

---
 files/assets/css/chat.css | 4 ++++
 files/assets/css/main.css | 1 +
 files/templates/chat.html | 4 +++-
 files/templates/orgy.html | 4 +++-
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/files/assets/css/chat.css b/files/assets/css/chat.css
index 415014487..b828a2d4f 100644
--- a/files/assets/css/chat.css
+++ b/files/assets/css/chat.css
@@ -222,3 +222,7 @@ h1, h2, h3, h4, h5, h6 {
 #input-text-chat {
 	resize: none !important;
 }
+
+.tooltip-inner:has(h5) {
+	max-width: 100vw;
+}
diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index f16661f4f..5a34cf50d 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -233,6 +233,7 @@
 .fa-person-rifle:before{content:"\e54e"}
 .fa-up:before{content:"\f357"}
 .fa-coconut:before{content:"\e2f6"}
+.fa-terminal:before{content:"\f120"}
 
 /* do not remove - fixes hand, talking, marsey-love components
 	from breaking out of the comment box
diff --git a/files/templates/chat.html b/files/templates/chat.html
index 9c03c8e45..dbeb82b5d 100644
--- a/files/templates/chat.html
+++ b/files/templates/chat.html
@@ -28,7 +28,9 @@
 
 							<a href="/chat/{{chat.id}}/orgies" class="chat-control fas fa-tv text-muted mx-2"></a>
 
-							<a href="/chat/{{chat.id}}/custom_css" class="chat-control fas fa-palette text-muted ml-2"></a>
+							<a href="/chat/{{chat.id}}/custom_css" class="chat-control fas fa-palette text-muted mx-2"></a>
+
+							<i data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="bottom" title="<h5>Chat Commands</h5><p><code>+@grue</code> adds @grue to the chat</p><p><code>-@grue</code> removes @grue from the chat</p>{% if v.id == chat.owner_id %}<p><code>*@grue</code> makes @grue a chat mod</p><p><code>/@grue</code> removes @grue as a chat mod</p>{% endif %}" class="chat-control fas fa-terminal text-muted ml-2"></i>
 						{% else %}
 							<button class="px-2" type="button" data-nonce="{{g.nonce}}" data-bs-toggle="tooltip" title="{% if muting_chat %}Unmute (do it){% else %}Mute (don't do it){% endif %}" data-nonce="{{g.nonce}}" data-onclick="postToastReload(this, '/chat/{{chat.id}}/toggle_mute')">
 								<i class="fas fa-bell-slash {% if muting_chat %}text-danger{% else %}text-muted{% endif %}"></i>
diff --git a/files/templates/orgy.html b/files/templates/orgy.html
index 704b85f85..8d7efec7a 100644
--- a/files/templates/orgy.html
+++ b/files/templates/orgy.html
@@ -18,7 +18,9 @@
 				{% if v.id in chat.mod_ids %}
 					<a href="/chat/{{chat.id}}/orgies" class="chat-control fas fa-tv text-muted mx-2"></a>
 
-					<a href="/chat/{{chat.id}}/custom_css" class="chat-control fas fa-palette text-muted ml-2"></a>
+					<a href="/chat/{{chat.id}}/custom_css" class="chat-control fas fa-palette text-muted mx-2"></a>
+
+					<i data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="bottom" title="<h5>Chat Commands</h5><p><code>+@grue</code> adds @grue to the chat</p><p><code>-@grue</code> removes @grue from the chat</p>{% if v.id == chat.owner_id %}<p><code>*@grue</code> makes @grue a chat mod</p><p><code>/@grue</code> removes @grue as a chat mod</p>{% endif %}" class="chat-control fas fa-terminal text-muted ml-2"></i>
 				{% else %}
 					<button class="px-2" type="button" data-nonce="{{g.nonce}}" data-bs-toggle="tooltip" title="{% if muting_chat %}Unmute (do it){% else %}Mute (don't do it){% endif %}" data-nonce="{{g.nonce}}" data-onclick="postToastReload(this, '/chat/{{chat.id}}/toggle_mute')">
 						<i class="fas fa-bell-slash {% if muting_chat %}text-danger{% else %}text-muted{% endif %}"></i>