zzstoatzz.io
slack status without the slack
status.zzstoatzz.io/
quickslice
Merge pull request #37 from zzstoatzz/feat/emoji-hover-tooltips
Add hover tooltips to show emoji names
authored by
nate nowack
and committed by
GitHub
af59dadf
7f17cb54
+11
-11
+4
-4
templates/feed.html
+4
-4
templates/feed.html
···
111
111
<span class="status-emoji">
112
112
{% if status.status.starts_with("custom:") %}
113
113
{% let emoji_name = status.status.strip_prefix("custom:").unwrap() %}
114
-
<img src="/emojis/{{emoji_name}}.png" alt="{{emoji_name}}" class="custom-emoji-display"
114
+
<img src="/emojis/{{emoji_name}}.png" alt="{{emoji_name}}" title="{{emoji_name}}" class="custom-emoji-display"
115
115
onerror="this.onerror=null; this.src='/emojis/{{emoji_name}}.gif';">
116
116
{% else %}
117
-
{{status.status}}
117
+
<span title="{{status.status}}">{{status.status}}</span>
118
118
{% endif %}
119
119
</span>
120
120
<div class="status-content">
···
909
909
let emojiHtml = '';
910
910
if (status.status.startsWith('custom:')) {
911
911
const emojiName = status.status.substring(7);
912
-
emojiHtml = `<img src="/emojis/${emojiName}.png" alt="${emojiName}" class="custom-emoji-display" onerror="this.onerror=null; this.src='/emojis/${emojiName}.gif';">`;
912
+
emojiHtml = `<img src="/emojis/${emojiName}.png" alt="${emojiName}" title="${emojiName}" class="custom-emoji-display" onerror="this.onerror=null; this.src='/emojis/${emojiName}.gif';">`;
913
913
} else {
914
-
emojiHtml = status.status;
914
+
emojiHtml = `<span title="${status.status}">${status.status}</span>`;
915
915
}
916
916
917
917
// Build expiry HTML if present
+7
-7
templates/status.html
+7
-7
templates/status.html
···
81
81
<span class="status-emoji">
82
82
{% if current.status.starts_with("custom:") %}
83
83
{% let emoji_name = current.status.strip_prefix("custom:").unwrap() %}
84
-
<img src="/emojis/{{emoji_name}}.png" alt="{{emoji_name}}" class="custom-emoji-display"
84
+
<img src="/emojis/{{emoji_name}}.png" alt="{{emoji_name}}" title="{{emoji_name}}" class="custom-emoji-display"
85
85
onerror="this.onerror=null; this.src='/emojis/{{emoji_name}}.gif';">
86
86
{% else %}
87
-
{{ current.status }}
87
+
<span title="{{ current.status }}">{{ current.status }}</span>
88
88
{% endif %}
89
89
</span>
90
90
<div class="status-content">
···
118
118
{% if let Some(current) = current_status.as_ref() %}
119
119
{% if current.status.starts_with("custom:") %}
120
120
{% let emoji_name = current.status.strip_prefix("custom:").unwrap() %}
121
-
<img src="/emojis/{{emoji_name}}.png" alt="{{emoji_name}}"
121
+
<img src="/emojis/{{emoji_name}}.png" alt="{{emoji_name}}" title="{{emoji_name}}"
122
122
onerror="this.onerror=null; this.src='/emojis/{{emoji_name}}.gif';">
123
123
{% else %}
124
-
{{ current.status }}
124
+
<span title="{{ current.status }}">{{ current.status }}</span>
125
125
{% endif %}
126
126
{% else %}
127
-
😊
127
+
<span title="happy">😊</span>
128
128
{% endif %}
129
129
</span>
130
130
</button>
···
227
227
<span class="history-emoji">
228
228
{% if status.status.starts_with("custom:") %}
229
229
{% let emoji_name = status.status.strip_prefix("custom:").unwrap() %}
230
-
<img src="/emojis/{{emoji_name}}.png" alt="{{emoji_name}}" class="custom-emoji-display"
230
+
<img src="/emojis/{{emoji_name}}.png" alt="{{emoji_name}}" title="{{emoji_name}}" class="custom-emoji-display"
231
231
onerror="this.onerror=null; this.src='/emojis/{{emoji_name}}.gif';">
232
232
{% else %}
233
-
{{ status.status }}
233
+
<span title="{{ status.status }}">{{ status.status }}</span>
234
234
{% endif %}
235
235
</span>
236
236
<div class="history-content">