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

20 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">
emoji_picker: Format search bar same as dropdown widget.
2024-06-28 12:09:31 +02:00
<div class="popover-filter-input-wrapper">
popovers: Disable autocomplete on popover filter widgets.
2024-07-10 00:46:26 +02:00
<input id="emoji-popover-filter" class="popover-filter-input filter_text_input" type="text" autocomplete="off" placeholder="{{t 'Filter' }}" autofocus/>
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>
<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>
scroll: Set tabIndex to -1 for simplebar content wrapper. Fixes #30403. Having tabIndex set to 0 led to keyboard focus being put on a scrollbar container, which led to users having to tab twice to skip a container. This commit also removes instances of tabIndex being set to -1 programatically for certain cases, since it is -1 by default now. This commit also removes `outline: none` for simplebar since that property is not needed anymore because the wrapper is not focusable anymore.
2024-06-16 13:46:37 +02:00
<div class="emoji-popover-emoji-map" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false" data-message-id="{{message_id}}">
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>
scroll: Set tabIndex to -1 for simplebar content wrapper. Fixes #30403. Having tabIndex set to 0 led to keyboard focus being put on a scrollbar container, which led to users having to tab twice to skip a container. This commit also removes instances of tabIndex being set to -1 programatically for certain cases, since it is -1 by default now. This commit also removes `outline: none` for simplebar since that property is not needed anymore because the wrapper is not focusable anymore.
2024-06-16 13:46:37 +02:00
<div class="emoji-search-results-container" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false" data-message-id="{{message_id}}">
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-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>