mirror of
https://github.com/zulip/zulip.git
synced 2025-11-06 15:03:34 +00:00
ui_util: Toggle classname for unread mentions instead of using hide/show.
This commit is contained in:
@@ -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("@");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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. */
|
||||||
|
|||||||
Reference in New Issue
Block a user