zulip/web/templates/message_inline_image_toolti...

<div id="message_inline_image_tooltip">
    <strong>{{ title }}</strong>
    <div class="tooltip-inner-content italic">{{t 'Click to view or download.'}}</div>
</div>
tooltips: Fix tooltip content alignment for message inline images. This commit fixes the issue where the "Click to view or download" comes to the right of the image title. We add a parent division in this commit that leads to the break tag being applied successfully, shifting the secondary tooltip content ("Click to view or download") to next line. 2022-10-19 21:23:27 +02:00			`<div id="message_inline_image_tooltip">`
			`<strong>{{ title }}</strong>`
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 italic">{{t 'Click to view or download.'}}</div>`
tooltips: Fix tooltip content alignment for message inline images. This commit fixes the issue where the "Click to view or download" comes to the right of the image title. We add a parent division in this commit that leads to the break tag being applied successfully, shifting the secondary tooltip content ("Click to view or download") to next line. 2022-10-19 21:23:27 +02:00			`</div>`