add chat commands tooltip

master
Aevann 2024-08-16 18:48:18 +03:00
parent 1d0b1f7256
commit f86f261733
4 changed files with 11 additions and 2 deletions

View File

@ -222,3 +222,7 @@ h1, h2, h3, h4, h5, h6 {
#input-text-chat {
resize: none !important;
}
.tooltip-inner:has(h5) {
max-width: 100vw;
}

View File

@ -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

View File

@ -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>

View File

@ -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>