mirror of
https://github.com/zulip/zulip.git
synced 2025-11-02 21:13:36 +00:00
eb6676f9b5
We want the input field to retain the same width even when Add button shrinks, when we show a check icon. This solution involves layering of the check and `Add` button and toggling visibility. Karl's coment: https://chat.zulip.org/#narrow/channel/6-frontend/topic/.2334347.20rework.20subscribe.20users.20confirmations/near/2206344. Related: https://github.com/zulip/zulip/pull/34912#issuecomment-3010269391. Reference: https://chat.zulip.org/#narrow/channel/6-frontend/topic/.2334347.20rework.20subscribe.20users.20confirmations/with/2193352. Co-authored-by: Rajeev Tapadia <108951750+rajeevtapadia@users.noreply.github.com> Co-authored-by: Maneesh Shukla <shuklamaneesh24@gmail.com> Co-authored-by: Karl Stolley <karl@zulip.com> Signed-off-by: apoorvapendse <apoorvavpendse@gmail.com>
37 lines
1.6 KiB
Handlebars
37 lines
1.6 KiB
Handlebars
<div class="add_subscribers_container add-button-container">
|
|
<div class="pill-container person_picker">
|
|
<div class="input" contenteditable="true"
|
|
data-placeholder="{{t 'Add subscribers.' }}">
|
|
{{~! Squash whitespace so that placeholder is displayed when empty. ~}}
|
|
</div>
|
|
</div>
|
|
{{#if (not hide_add_button)}}
|
|
<div class="add_subscriber_button_wrapper add-users-button-wrapper inline-block">
|
|
{{> ../components/action_button
|
|
label=(t "Add")
|
|
custom_classes="add-subscriber-button add-users-button"
|
|
attention="quiet"
|
|
intent="brand"
|
|
type="submit"
|
|
}}
|
|
|
|
{{> ../components/icon_button
|
|
icon="check"
|
|
intent="success"
|
|
custom_classes="check hidden-below"
|
|
disabled=true
|
|
}}
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
<div class="add-subscribers-subtitle">
|
|
{{#tr}}
|
|
Enter a <z-user-roles-link>user role</z-user-roles-link>,
|
|
<z-user-groups-link>user group</z-user-groups-link>,
|
|
or <z-channel-link>#channel</z-channel-link> to add multiple users at once.
|
|
{{#*inline "z-user-roles-link"}}<a href="/help/user-roles" target="_blank" rel="noopener noreferrer">{{> @partial-block}}</a>{{/inline}}
|
|
{{#*inline "z-user-groups-link"}}<a href="/help/user-groups" target="_blank" rel="noopener noreferrer">{{> @partial-block}}</a>{{/inline}}
|
|
{{#*inline "z-channel-link"}}<a href="/help/introduction-to-channels" target="_blank" rel="noopener noreferrer">{{> @partial-block}}</a>{{/inline}}
|
|
{{/tr}}
|
|
</div>
|