paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-02 04:53:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

compose: Create the mobile compose + button.

Browse Source 
Use CSS to display a `+` button on mobile but keep the more verbose
buttons on desktop. In the future, this button will be used to display
a popop for a new message.
This commit is contained in:
Marco Burstein
2018-08-12 14:26:00 -07:00
committed by Tim Abbott
parent 48810f43be
commit 9249d08a96
2 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
static/styles/compose.scss
View File

@@ -478,7 +478,14 @@ a#undo_markdown_preview {
} }
@media (max-width: 700px) { @media (max-width: 700px) {
#compose_buttons .compose_reply_button { #compose_buttons .compose_stream_button,
#compose_buttons .compose_private_button {
display: none;
}
}
@media (min-width: 700px) {
#compose_buttons .compose_mobile_button {
display: none; display: none;
} }
} }

7
templates/zerver/app/compose.html
View File

@@ -14,6 +14,13 @@
</a> </a>
<span class="alert-draft pull-left">{{ _('Saved as draft') }}</span> <span class="alert-draft pull-left">{{ _('Saved as draft') }}</span>
</span> </span>
<span class="new_message_button">
<button type="button" class="button small rounded compose_mobile_button"
id="left_bar_compose_mobile_button_big"
title="{{ _('New message') }} (c)">
<i class="fa fa-plus" aria-hidden="true"></i>
</button>
</span>
<span class="new_message_button"> <span class="new_message_button">
<button type="button" class="button small rounded compose_stream_button" <button type="button" class="button small rounded compose_stream_button"
id="left_bar_compose_stream_button_big" id="left_bar_compose_stream_button_big"