add-emoji: Redesign buttons in add emoji modal.

This commit redesigns the clear image and add image buttons to new
action button.
This commit is contained in:
Maneesh Shukla
2025-06-19 09:59:26 +05:30
committed by Tim Abbott
parent 0fb87acfa8
commit 5f0a761512

View File

@@ -2,8 +2,19 @@
<div>
<input type="file" name="emoji_file_input" class="notvisible"
id="emoji_file_input" value="{{t 'Upload image or GIF' }}"/>
<button type="button" class="button white rounded" style="display: none;" id="emoji_image_clear_button">{{t "Clear image" }}</button>
<button type="button" class="button rounded" id="emoji_upload_button">{{t "Upload image or GIF" }}</button>
{{> ../components/action_button
label=(t "Clear image")
attention="quiet"
intent="danger"
id="emoji_image_clear_button"
hidden=true
}}
{{> ../components/action_button
label=(t "Upload image or GIF")
attention="quiet"
intent="brand"
id="emoji_upload_button"
}}
<div style="display: none;" id="emoji_preview_text">
{{t "Preview:" }} <i id="emoji_placeholder_icon" class="fa fa-file-image-o" aria-hidden="true"></i><img class="emoji" id="emoji_preview_image" src=""/>
</div>