zulip/web/templates/compose_control_buttons_pop...

<div class="compose_control_buttons_container order-1 {{#if preview_mode_on}} preview_mode {{/if}}">
    {{> compose_control_buttons_in_popover}}
</div>
compose: Disable unneeded control buttons in preview mode. Buttons which change the content in the compose textarea were so far enabled even in preview mode, and would work, but those changes would not be reflected in the visible preview. This is extremely confusing, and can lead to the possibility of a user accidentally changing the content of the compose textarea while previewing, and sending that. Now we disable those buttons in preview mode, both when composing a new message and when editing an existing one. We still show the tooltips, but grey them out and make them unclickable. Fixes: #20962 2022-01-30 16:00:45 +01:00			`<div class="compose_control_buttons_container order-1 {{#if preview_mode_on}} preview_mode {{/if}}">`
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			`{{> compose_control_buttons_in_popover}}`
			`</div>`