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

feat(comment-input): submit comment on clicking on the icon instead text #324

Merged
merged 1 commit into from
Sep 22, 2017

Conversation

lex111
Copy link
Member

@lex111 lex111 commented Sep 11, 2017

Now the send icon do nothing, although in many applications the message is sent by clicking on this icon, while the "Send" text is superfluous, so it was deleted. Now there is more free space for the text, which was the main point.

Before After

@housseindjirdeh
Copy link
Member

housseindjirdeh commented Sep 11, 2017

Nice thank you for thinking about how we can make the input field a little more user friendly 👍

Definitely in favour of just using the icon as the send button since it feels more natural. However one thing that I liked was having Add a comment... inline with the text of previous comments. What do you think, do you think it's okay without this though? Maybe I'm overthinking padding here.

If you think it looks nicer the way it is, only thing I would suggest is adding a little more paddingLeft for the text. Looks a little squeezed to the left side on iOS:

image

@lex111
Copy link
Member Author

lex111 commented Sep 11, 2017

@housseindjirdeh I understood what you mean, but I removed the left padding, so that there was more space for the text, I would leave it as it is now. Let's find out the opinions of the other contributors 🙌

@housseindjirdeh
Copy link
Member

Thanks @lex111, I'm okay with leaving the way it is and adding a little more left padding as well (to match the padding on the right hand side of the arrow icon) if everyone likes this as well.

Let us know what you think @andrewda @alejandronanez @cameronsamuels etc...

@ghost
Copy link

ghost commented Sep 11, 2017

@housseindjirdeh, I think removing the send icon on the left, and replacing the “post” text at the right with the send icon will be good to do (the same thing as the pr description).
I do think there should be more padding at the left (maybe 2px to 5px more).

@lex111
Copy link
Member Author

lex111 commented Sep 11, 2017

I will also explain that I made horizontal indents the same as for other elements, see the screenshot below:

image

Therefore, if we add more padding, although small, it will no longer be exactly on the grid

@housseindjirdeh
Copy link
Member

@lex111 fair enough, definitely okay with leaving things the way it is now. Will defer the decision to you if you feel like you'll rather have this however :)

Copy link
Member

@alejandronanez alejandronanez left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

:shipit:

@lex111
Copy link
Member Author

lex111 commented Sep 17, 2017

@housseindjirdeh can we also merge?

@housseindjirdeh housseindjirdeh merged commit 329c851 into master Sep 22, 2017
@lex111 lex111 deleted the comment-button-improvements branch September 22, 2017 15:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants