Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/web/templates/buddy_list_tooltip_content.hbs

15 lines
392 B
Handlebars
Raw Normal View History

user status: Add JS tooltips for Buddy List and PM List. Hovering over user names (and user circles for PM List) now displays Name, Status Message and Last online time in a js tooltip. Hovering over group names displays the names of all group members. Unavailable users are shown as "Last active: Today". Hovering on a user circle in the Buddy List results in a js tooltip with Active/Idle/Offline/Unavailable for green/orange/white/white-with-line. Resolves #11607.
2019-08-04 14:57:32 +02:00
<div class="buddy_list_tooltip_content">
tooltips: Use <div> tags inside tooltip's inner content. By replacing `<span>` tags with `<div>` tags inside the tooltip's inner content we remove the redundancy of having to use break tags to separate the tooltip's title and it's content. We also replace any `<p>` tags with `<div>` tags for the following reasons: - Since what we want to achieve are just block elements in order to avoid the break tags, using `<div>` tags provide use with a wider scope of use cases. - We don't want the pause, screen readers often introduce after reading the contents of a paragraph. - The `<p>` tag cannot contain tables and other block-level elements. - The semantic meaning of the <p> tag doesn't apply to the commonly used tooltip content.
2023-10-02 00:59:35 +02:00
<div>
tooltips: Add italics styling to description of multi-line tooltips. The second line of a multi-line tooltip generally desctribes the additional information which helps the major text, i.e. the first line of the multi-line tooltip, hence it would be a good idea to add italics styling, to differentiate it from the main title. We describe a simple ".italic" class for the same. We also add a shorter line height to this description using the ".tooltip-inner-content" class.
2022-10-05 17:34:50 +02:00
{{first_line}}
buddy_list: Show `(you)` in the tooltip. When the user's full name is long, the full name + `(you)` in the buddy list starts to truncate, but when hover, the tooltip displays the full name but not `(you)`. This commit fixes this by adding `(you)` in the tooltip.
2021-04-02 13:05:26 +02:00
{{#if show_you}}
<span class="my_user_status">{{t "(you)" }}</span>
{{/if}}
tooltips: Use <div> tags inside tooltip's inner content. By replacing `<span>` tags with `<div>` tags inside the tooltip's inner content we remove the redundancy of having to use break tags to separate the tooltip's title and it's content. We also replace any `<p>` tags with `<div>` tags for the following reasons: - Since what we want to achieve are just block elements in order to avoid the break tags, using `<div>` tags provide use with a wider scope of use cases. - We don't want the pause, screen readers often introduce after reading the contents of a paragraph. - The `<p>` tag cannot contain tables and other block-level elements. - The semantic meaning of the <p> tag doesn't apply to the commonly used tooltip content.
2023-10-02 00:59:35 +02:00
</div>
sidebar: Move the buddy list tooltip content logic to JS. Moved the logic from static/templates/buddy_list_tooltip_content.hbs to the get_title_data function to simplify the template. Fixes #13426.
2019-11-20 23:39:10 +01:00
{{#if second_line}}
tooltips: Use <div> tags inside tooltip's inner content. By replacing `<span>` tags with `<div>` tags inside the tooltip's inner content we remove the redundancy of having to use break tags to separate the tooltip's title and it's content. We also replace any `<p>` tags with `<div>` tags for the following reasons: - Since what we want to achieve are just block elements in order to avoid the break tags, using `<div>` tags provide use with a wider scope of use cases. - We don't want the pause, screen readers often introduce after reading the contents of a paragraph. - The `<p>` tag cannot contain tables and other block-level elements. - The semantic meaning of the <p> tag doesn't apply to the commonly used tooltip content.
2023-10-02 00:59:35 +02:00
<div class="tooltip-inner-content">{{second_line}}</div>
sidebar: Move the buddy list tooltip content logic to JS. Moved the logic from static/templates/buddy_list_tooltip_content.hbs to the get_title_data function to simplify the template. Fixes #13426.
2019-11-20 23:39:10 +01:00
{{/if}}
{{#if third_line}}
tooltips: Use <div> tags inside tooltip's inner content. By replacing `<span>` tags with `<div>` tags inside the tooltip's inner content we remove the redundancy of having to use break tags to separate the tooltip's title and it's content. We also replace any `<p>` tags with `<div>` tags for the following reasons: - Since what we want to achieve are just block elements in order to avoid the break tags, using `<div>` tags provide use with a wider scope of use cases. - We don't want the pause, screen readers often introduce after reading the contents of a paragraph. - The `<p>` tag cannot contain tables and other block-level elements. - The semantic meaning of the <p> tag doesn't apply to the commonly used tooltip content.
2023-10-02 00:59:35 +02:00
<div class="tooltip-inner-content">{{third_line}}</div>
user status: Add JS tooltips for Buddy List and PM List. Hovering over user names (and user circles for PM List) now displays Name, Status Message and Last online time in a js tooltip. Hovering over group names displays the names of all group members. Unavailable users are shown as "Last active: Today". Hovering on a user circle in the Buddy List results in a js tooltip with Active/Idle/Offline/Unavailable for green/orange/white/white-with-line. Resolves #11607.
2019-08-04 14:57:32 +02:00
{{/if}}
</div>