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

Fix alignment of 'Not Delivered buttons' on smaller devices.

This commit is contained in:
aakash-cr7 2016-11-22 12:14:05 +05:30 committed by Tim Abbott
parent 79b4ac8155
commit 73fb9c6f66
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
static/styles/media.css
View File

@ -324,6 +324,14 @@
top: 40px;
}
.message_failed {
left: 0px;
}
.message_content {
padding-right: 35px;
}
}
@media only screen and (min-device-width: 300px) and (max-device-width: 700px) {

4
static/templates/single_message.handlebars
View File

@ -43,7 +43,9 @@
<i class="icon-vector-chevron-down"></i>
</div>
<div class="message_failed {{#unless msg.failed_request}}notvisible{{/unless}}">
<i class="icon-vector-refresh refresh-failed-message" data-toggle="tooltip" title="Not Delivered: Resend"></i><i class="icon-vector-pencil edit-failed-message" data-toggle="tooltip" title="Not Delivered: Edit"></i><i class="icon-vector-remove-sign remove-failed-message" data-toggle="tooltip" title="Not Delivered: Delete"></i>
<i class="icon-vector-refresh refresh-failed-message" data-toggle="tooltip" title="Not Delivered: Resend"></i>
<i class="icon-vector-pencil edit-failed-message" data-toggle="tooltip" title="Not Delivered: Edit"></i>
<i class="icon-vector-remove-sign remove-failed-message" data-toggle="tooltip" title="Not Delivered: Delete"></i>
</div>
</div>
</div>