compose: Refactor recipient area to use grid layout instead of flexbox.

This is a prep commit for moving the narrow to compose recipients button
before the input, and also aids in the overall compose area redesign.
This commit is contained in:
N-Shar-ma
2024-02-16 14:30:54 +05:30
committed by Tim Abbott
parent 0a756c652c
commit 1ba3cda229
4 changed files with 15 additions and 13 deletions

View File

@@ -69,8 +69,10 @@
<i class="zulip-icon zulip-icon-close"></i>
</button>
</div>
<div id="compose-direct-recipient" class="pill-container" data-before="{{t 'You and' }}">
<div class="input" contenteditable="true" id="private_message_recipient" data-no-recipients-text="{{t 'Add one or more users' }}" data-some-recipients-text="{{t 'Add another user...' }}"></div>
<div id="compose-direct-recipient" data-before="{{t 'You and' }}">
<div class="pill-container">
<div class="input" contenteditable="true" id="private_message_recipient" data-no-recipients-text="{{t 'Add one or more users' }}" data-some-recipients-text="{{t 'Add another user...' }}"></div>
</div>
</div>
</div>
</div>