Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Switch the Send button to a paper plane icon #182

Merged
merged 1 commit into from
Mar 11, 2016
Merged

Conversation

astorije
Copy link
Member

This is mostly to add consistency between the Send button and the other icon buttons (Settings, user list, ...) of the app.
It has the other benefit to add a tiny bit of estate for the message input, which is nice on mobile.
It's more discreet on desktops but not used very often on them, more useful on mobile, where lots of apps are doing the same so we won't confuse users.

Before:
screen shot 2016-03-11 at 01 48 45

After:
screen shot 2016-03-11 at 01 53 50

@astorije astorije added the Type: Feature Tickets that describe a desired feature or PRs that add them to the project. label Mar 11, 2016
@MaxLeiter
Copy link
Member

I personally prefer the "send" button, but I definitely support this if the icon is only on mobile. Also, I think it should be outside the text box, similar to the send button

@astorije
Copy link
Member Author

I don't see why it matters on desktops, where the button is frankly rarely used anyway.
Re: inside/outside, I tried different ways and this is the one that looks the best, by far.

@dgw
Copy link
Contributor

dgw commented Mar 11, 2016

For mobile, yes, but inside the input area looks good.

Why not hide the button entirely on desktop, if it's extremely rarely used? e.g. Gmail chat has no send button at all.

@astorije
Copy link
Member Author

@MaxLeiter, also, keep in mind that the current "Send" button only matches another type of buttons (the "Disconnect/Leave/Close" one). We also have the green buttons, and most icon buttons slightly differ. What this PR attempts to bring is consistency with other small action button :-)

@dgw, re: disabling entirely, I'm not sure. I noticed Slack doesn't have one on desktop app either, Telegram has one, Skype don't, ... But for practical reason, I'm not too comfortable assuming displaying or hiding it based on screen size: I feel there will be some users who cannot send messages on tablets or else because the button does not appear and they have no alternative.

In short, I'd keep this simple (no discrimination against device type to change behavior) and we can improve that in a later PR. What do you think? :-)

@maxpoulin64
Copy link
Member

I like it, but I think it should look a bit more like a button because of the input bar style. It really feels like it's part of the input field. It feels "weird". Apps that have the send button be just an icon usually have a totally flat message bar:

The others have the button visibly outside of the input box:

This is clearly nitpicking, so I won't hold the PR for that and give a 👍 anyway :)

@astorije astorije added Type: Security Security concern or PRs that must be reviewed with extra care regarding security. second review needed and removed Type: Security Security concern or PRs that must be reviewed with extra care regarding security. labels Mar 11, 2016
xPaw added a commit that referenced this pull request Mar 11, 2016
Switch the Send button to a paper plane icon
@xPaw xPaw merged commit 5aff925 into master Mar 11, 2016
@xPaw xPaw deleted the astorije/send-button branch March 11, 2016 08:33
@astorije astorije added this to the 1.4.0 milestone Oct 8, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Feature Tickets that describe a desired feature or PRs that add them to the project.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants