Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/templates/zephyr/compose.html

73 lines
3.6 KiB
HTML
Raw Normal View History

Make layout more responsive. To be fully responsive, we can basically never specify the width of our container in a fixed number of pixels; otherwise we'll run into the situation where there's an inordinate amount of wasted space on our left and right. So everything needs to change from, e.g. row to row-fluid, and that has a whole cascading series of changes that that implies. (imported from commit 7e2771d916f429548c65c0a00fc4c11397054656)
2013-02-28 19:04:58 +01:00
<div class="row-fluid">
<div class="span12" id="compose">
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
<div class="message_comp">
<div class="alert" id="send-status">
Properly align the 'x' in a composebox error message. To see this bug, you need to trigger a multi-line error message, like sending to stream 'asdfkljasdkfjasdfa'. (imported from commit 11ea901ae491cd2cc4e0699888074fb71db46a21)
2013-03-06 16:37:51 +01:00
<span class="send-status-close">&times;</span>
<span id="error-msg"></span>
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
</div>
<form id="send_message_form" action="/json/send_message" method="post">
{% csrf_token %}
<table class="compose_table">
<tbody>
<tr class="ztable_layout_row">
Modify some messagebox colors and put the timestamp and icons into one line * Change the highlight colors for private and mention messages * Put timestamp and message controls into a single line * Modify layout to allow more flexibility in control placement * Lighten narrowed view background color * Adjust composition area columns (imported from commit c7edca358b079da0ca76fa26d998946574bded6a)
2013-05-24 00:03:39 +02:00
<td class="ztable_comp_col1" />
<td class="ztable_comp_col2" />
<td class="ztable_comp_col3" />
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
</tr>
<tr id="stream-message">
<td colspan="2" class="message_header message_header_stream left_part">
</td>
<td class="message_header message_header_stream right_part">
Show lock icon in compose box for invite-only streams (811) (imported from commit c563fa605d850f39c3b3f0ae9530700f1d1b6e73)
2013-05-02 17:12:58 +02:00
<span id="compose-lock-icon">
<i class="icon-lock" title="This is an invite-only stream"></i>
</span>
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
<input type="text" class="recipient_box" name="stream" id="stream"
maxlength="30"
value="" placeholder="Stream" autocomplete="off" tabindex="120"/>
Added new "narrow" icon to FontAwesome and placed it in the message headers and composition pane header. (imported from commit e8f927f464f78b680a03e1647128541abe872cde)
2013-05-09 00:39:47 +02:00
<i class="icon-vector-narrow icon-vector-small"></i>
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
<input type="text" class="recipient_box" name="subject" id="subject"
maxlength="60"
value="" placeholder="Subject" autocomplete="off" tabindex="130"/>
</td>
</tr>
<tr id="private-message">
<td colspan="2" class="message_header message_header_private_message left_part"></td>
<td class="message_header message_header_private_message right_part dark_background">
You and <input type="text" class="recipient_box" name="recipient" id="private_message_recipient"
value="" placeholder="one or more people..." autocomplete="off" tabindex="130"/>
</td>
</tr>
<tr>
Change the layout of the message boxes in the message pane and make other message-related adjustments. Specifically: * Leave the avatar image as inline and round it. * Move timestamp to the left column. * Replace the "Info" link with a permanent info sign. * Move the pointer bar to the left. * Remove borders * Change selection background colors, and PM colors. * Introduce the "narrowing" icon into our FontAwesome set. * Modify the tests to account for the new "narrowing" icon and fixed a bug in star-finding. * Clean up CSS and add a more prominent color to private messages (imported from commit 8a8d6de8acccc52c0d16f5d1ce31aabdc72c88c8)
2013-05-10 22:48:02 +02:00
<td class="pointer"></td>
Make the compose box take less vertical space. (imported from commit ca28485d3def93e9c8b3e4a257f05ff4fb74ea18)
2013-05-10 20:01:55 +02:00
<td id="left-of-compose">
<div>
<input type="file" id="file_input" class="notvisible pull-left" multiple />
<a class="message-control-button icon-vector-paper-clip notdisplayed"
id="attach_files" href="#" title="Attach files"></a><br />
<a class="message-control-button icon-vector-font"
href="#markdown-help" title="Formatting" data-toggle="modal"></a>
</div>
</td>
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
<td class="messagebox">
<div class="message_content">
<textarea class="new_message_textarea" name="content" id="new_message_content"
value="" placeholder="Compose your message here..." tabindex="140" maxlength="10000"></textarea>
<div id="send_controls">
<input type="submit" value="Send" id="compose-send-button" class="btn btn-primary send_message" tabindex="150"/>
</div>
</div>
Add UI for restoring a message draft. (imported from commit 3e374048a59d2caf858eb1ce9eae3e22eb0835e4)
2013-04-05 16:44:29 +02:00
<div id="below-compose-content">
Make text-underneath-compose-box all nicely line up together. (imported from commit d4676d95ccad18f65a29447647581b41d53dfa9a)
2013-04-24 23:44:25 +02:00
<a id="restore-draft" onclick="compose.restore_message();">Restore last draft?</a>
<span id="sending-indicator">Sending...</span>
Align Enter sends message with checkbox. This also saves us a little bit of vertical space. (imported from commit b7740f93259eb4678bac9370f1090d2c02954be7)
2013-05-10 20:46:57 +02:00
<input type="checkbox" class="pull-right" id="enter_sends" name="enter_sends" value="ender_sends" />
<label id="enter-sends-label" class="pull-right" for="enter_sends">Press Enter to send&nbsp;</label>
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>