ui_util: Toggle classname for unread mentions instead of using hide/show.

This commit is contained in:
Evy Kassirer
2025-08-12 17:54:48 -07:00
committed by Tim Abbott
parent 4e94324b9a
commit 4e930bf660
2 changed files with 6 additions and 2 deletions

View File

@@ -194,12 +194,12 @@ export function update_unread_mention_info_in_dom(
): void { ): void {
const $unread_mention_info_span = $unread_mention_info_elem.find(".unread_mention_info"); const $unread_mention_info_span = $unread_mention_info_elem.find(".unread_mention_info");
if (!stream_has_any_unread_mention_messages) { if (!stream_has_any_unread_mention_messages) {
$unread_mention_info_span.hide(); $unread_mention_info_span.toggleClass("no-display", true);
$unread_mention_info_span.text(""); $unread_mention_info_span.text("");
return; return;
} }
$unread_mention_info_span.show(); $unread_mention_info_span.toggleClass("no-display", false);
$unread_mention_info_span.text("@"); $unread_mention_info_span.text("@");
} }

View File

@@ -645,6 +645,10 @@ input.settings_text_input {
opacity: var(--opacity-unread-mention-info); opacity: var(--opacity-unread-mention-info);
} }
.unread_mention_info.no-display {
display: none;
}
/* Implement the web app's default-hidden convention for alert /* Implement the web app's default-hidden convention for alert
elements. Portico pages lack this CSS and thus show them by elements. Portico pages lack this CSS and thus show them by
default. */ default. */