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

7 lines
970 B
Handlebars
Raw Normal View History

compose: Move overflowing buttons to a popover. We don't hide popover on click for formatting buttons, emoji picker and time picker. Emoji and time picker popovers need a reference to be displayed, hence we don't hide them. Not hiding formatting buttons is based on past discussion. The current instance of compose popover is stored locally so that we can access it across different modules. The basic approach for hiding / displaying a button is based on width and is executed at `sm` breakpoint as per our `css_variables.js`. Used handlebars and `hide/show-sm` css class to make this work. This avoids using too much JS to hide/display elements.
2021-11-23 19:01:36 +01:00
<a role="button" class="compose_control_button compose_gif_icon {{#unless giphy_enabled }} hide {{/unless}} zulip-icon zulip-icon-gif" aria-label="{{t 'Add GIF' }}" tabindex=0 data-tippy-content="{{t 'Add GIF' }}"></a>
<div class="divider">|</div>
<a role="button" data-format-type="bold" class="compose_control_button fa fa-bold formatting_button" aria-label="{{t 'Bold' }}" tabindex=0 data-tippy-content="{{t 'Bold' }}"></a>
<a role="button" data-format-type="italic" class="compose_control_button fa fa-italic formatting_button" aria-label="{{t 'Italic' }}" tabindex=0 data-tippy-content="{{t 'Italic' }}"></a>
<a role="button" data-format-type="link" class="compose_control_button fa fa-link formatting_button" aria-label="{{t 'Link' }}" tabindex=0 data-tippy-content="{{t 'Link' }}"></a>
compose: Move help link beside formatting buttons. We advertise it as message formatting button with `Aa` icon instead of `?` help icon.
2022-02-03 12:54:49 +01:00
<a role="button" class="compose_control_button compose_help_button" tabindex=0 data-tippy-content="{{t 'Message formatting' }}" data-overlay-trigger="message-formatting">Aa</a>