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

Responsive compose window. 

(imported from commit 432223391cf158a6c8902370a911a08fd3179401)
This commit is contained in:
Waseem Daher 2012-10-11 14:58:44 -04:00
parent 601488e7df
commit 97daefee1c
2 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
templates/zephyr/home.html
View File

@ -27,11 +27,14 @@
<br/><br/> <br/><br/>
<div id="bottom_whitespace"></div> <div id="bottom_whitespace"></div>
</div> </div>
</div>
</div>
<div class="compose" id="compose"> <div class="row">
<div class="alert" id="send-status"></div> <div class="span9 compose" id="compose">
<div class="close composebox-close" onclick="hide_compose()">&times;</div> <div class="close composebox-close" onclick="hide_compose()">&times;</div>
<div class="message_comp"> <div class="message_comp">
<div class="alert" id="send-status"></div>
<form action="/send_message/" method="post" class="zephyr"> <form action="/send_message/" method="post" class="zephyr">
<input type="hidden" name="type" value="stream" id="new_message_type"/> <input type="hidden" name="type" value="stream" id="new_message_type"/>
{% csrf_token %} {% csrf_token %}
@ -77,5 +80,5 @@
</form> </form>
</div> </div>
</div> </div>
</div>
</div> </div>

19
zephyr/static/styles/zephyr.css
View File

@ -42,7 +42,11 @@ ul#sidebar {
.message_comp { .message_comp {
display: none; display: none;
border: 1px solid #EEE; border: 1px solid #EEE;
border-top: 0px; max-width: 640px;
background-color: white;
padding-left: 10px;
padding-right: 20px;
padding-top: 5px;
} }
td.pointer { td.pointer {
@ -147,9 +151,9 @@ table.message_table {
} }
table.compose_table { table.compose_table {
/* = message_list */
width: 640px;
table-layout: fixed; table-layout: fixed;
margin-left: auto;
width: 100%;
} }
table.focused_table { table.focused_table {
@ -208,14 +212,12 @@ img.profile_picture {
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
background: white; background: white;
/* = message_list.padding-left */ max-width: 670px;
padding-left: 10px;
/* = message_list.width + padding-right */
width: 670px;
} }
/* Like .nav-tabs > li > a */ /* Like .nav-tabs > li > a */
#send-status { #send-status {
width: 90%;
padding: 8px 14px 8px 14px; padding: 8px 14px 8px 14px;
line-height: 20px; line-height: 20px;
} }
@ -234,8 +236,7 @@ img.profile_picture {
} }
.composebox-close { .composebox-close {
padding-top: 5px; padding: 5px;
padding-right: 8px;
} }
.send-status-close:hover { .send-status-close:hover {