mirror of
https://github.com/zulip/zulip.git
synced 2025-11-02 13:03:29 +00:00
6f6e3b9f48
This commit improves the styling of the default user status options in the status picker modal by adding hover, focus and active state styles similar to that of the popover menu options. Fixes #35005.
28 lines
1.3 KiB
Handlebars
28 lines
1.3 KiB
Handlebars
<div class="user-status-content-wrapper">
|
|
<div class="tippy-zulip-tooltip" data-tippy-content="{{t 'Select emoji' }}" data-tippy-placement="top" aria-label="{{t 'Select emoji' }}" id="selected_emoji">
|
|
<div class="status-emoji-wrapper" tabindex="0">
|
|
{{> status_emoji_selector .}}
|
|
</div>
|
|
</div>
|
|
<input type="text" class="user-status modal_text_input" id="user-status-input" placeholder="{{t 'Your status' }}" maxlength="60"/>
|
|
<button type="button" class="clear_search_button" id="clear_status_message_button">
|
|
<i class="zulip-icon zulip-icon-close" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
<ul class="user-status-options modal-options-list">
|
|
{{#each default_status_messages_and_emoji_info}}
|
|
<li class="user-status-option">
|
|
<a class="modal-option-content trigger-click-on-enter user-status-value" tabindex="0">
|
|
{{#if emoji.emoji_alt_code}}
|
|
<div class="emoji_alt_code"> :{{emoji.emoji_name}}:</div>
|
|
{{else if emoji.url}}
|
|
<img src="{{emoji.url}}" class="emoji status-emoji" />
|
|
{{else}}
|
|
<div class="emoji status-emoji emoji-{{emoji.emoji_code}}"></div>
|
|
{{/if}}
|
|
<span class="status-text">{{status_text}}</span>
|
|
</a>
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|