paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

user_status: Improve custom user status picker input styling.

Browse Source 
As a follow-up to the previous commit, this commit improves the styling
of the custom user status picker input.

The changes in this commit adjust the styling of the input field towards
the new redesigned inputs while shying away from using the input
component to avoid the complexity involved in including the status
emoji selector in the input component.
This commit is contained in:
Sayam Samal
2025-08-09 18:52:33 +05:30
committed by Tim Abbott
parent 405c8f094d
commit cdea8e9d51
4 changed files with 53 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/templates/set_status_overlay.hbs
View File

@@ -5,9 +5,7 @@
</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>
{{> ./components/icon_button id="clear_status_message_button" squared=true intent="neutral" icon="close" }}
</div>
<ul class="user-status-options modal-options-list">
{{#each default_status_messages_and_emoji_info}}

2
web/templates/status_emoji_selector.hbs
View File

@@ -7,5 +7,5 @@
<div class="emoji selected-emoji emoji-{{selected_emoji.emoji_code}}"></div>
{{/if}}
{{else}}
<a type="button" class="smiley-icon show zulip-icon zulip-icon-smile"></a>
<span class="smiley-icon show zulip-icon zulip-icon-smile"></span>
{{/if}}