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

21 lines
1.2 KiB
Handlebars
Raw Normal View History

emoji_picker: Fix status emoji picker inconsistencies. Due to a logical bug in the `process_enter_while_filtering` function, the `toggle_reaction` was being called when pressing enter while filtering the emojis in the status emoji picker. This commit fixes the above bug, while also adding some cleanups to the `emoji_picker.js` by combining multiple click handlers and aggregating all the logic related to an emoji being selected into a common function. Fixes #28464.
2024-01-08 18:48:45 +01:00
<div class="emoji-picker-popover" data-emoji-destination="{{#if message_id }}reaction{{else if is_status_emoji_popover}}status{{else}}composition{{/if}}">
emoji_popover: Remove popover-content div. `popover-content` class had no effect on emoji popover since it was resetting `padding: 0` and background color was already applied by tippy theme. In short, removing `popover-content` had no visual changes.
2023-10-09 17:35:09 +02:00
<div class="emoji-popover">
<div class="emoji-popover-top">
emoji_picker: Don't autofocus search input on mobile. Since focus on input elements on mobile opens keyboard which changes window height, emoji popover can hide or scroll out of view. To fix it, we don't focus on search input unless user wants to when emoji popover is open.
2023-11-06 15:44:04 +01:00
<input class="emoji-popover-filter filter_text_input" type="text" placeholder="{{t 'Search' }}" />
emoji_popover: Remove popover-content div. `popover-content` class had no effect on emoji popover since it was resetting `padding: 0` and background color was already applied by tippy theme. In short, removing `popover-content` had no visual changes.
2023-10-09 17:35:09 +02:00
<i class="fa fa-search" aria-hidden="true"></i>
</div>
<div class="emoji-popover-category-tabs">
{{#each emoji_categories}}
<span class="emoji-popover-tab-item {{#if @first}} active {{/if}}" data-tab-name='{{name}}' title='{{name}}'><i class="fa {{icon}}"></i></span>
{{/each}}
</div>
<div class="emoji-popover-emoji-map" data-simplebar data-simplebar-auto-hide="false" data-message-id="{{message_id}}">
</div>
<div class="emoji-search-results-container" data-simplebar data-simplebar-auto-hide="false" data-message-id="{{message_id}}">
<div class="emoji-popover-results-heading">{{t "Search results" }}</div>
<div class="emoji-search-results"></div>
emoji_picker: Merge templates. Merge `emoji_popover.hbs` and `emoji_popover_content.hbs`.
2023-10-04 09:09:00 +02:00
</div>
</div>
emoji_picker: Add emoji showcase. Emoji showcase refers to the space at the bottom of the emoji picker we use for showing name as well as aliases of the currently focused emoji. Fixes: #6110.
2017-08-27 22:15:02 +02:00
<div class="emoji-showcase-container"></div>
emoji_picker: Change emoji picker to be category based.
2017-07-19 00:28:56 +02:00
</div>