Skip to content

Conversation

@loilo
Copy link
Contributor

@loilo loilo commented May 9, 2017

Moves the "Close issue" button in the issue comment section to the left for the sake of accuracy.

Copy link
Contributor

@hkdobrev hkdobrev left a comment

Choose a reason for hiding this comment

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

Could you please update the comment box screenshot which is used in the readme as well? Many thanks!

@loilo
Copy link
Contributor Author

loilo commented May 9, 2017

Sure.

@loilo
Copy link
Contributor Author

loilo commented May 9, 2017

Huh. I wanted to take a screenshot in Firefox and it seems the comment box looks completely different there than in Chrome (where I'm usually hanging around). It got an endless stream of additional buttons and a "Styling with Markdown is supported" in place where the "Close issue" button should have gone. 🤔

image

Any suggestions? I think putting the button kind of in the mid of the row is weird.

The only solution that's spontaneously coming to my mind is to not put the "Close issue" button on the left, but just increase the distance to the "Comment" button. (That may look... weird? Badly designed? Not sure.)

Hm.

(As I have not done too many Pull Requests yet: Is this appropriate to discuss here or would it rather go into the original issue?)

@hkdobrev
Copy link
Contributor

hkdobrev commented May 9, 2017

@loilo I'd suggest to not worry about Firefox now. All these additional buttons are the default for GitHub now and we don't have full Firefox support for the extension yet. We'd need look into it more, but we have an issue about that already: #71. Just take the screenshot in Chrome so we could merge as it'd help Chrome users for sure. Separately, we need to spend some time fixing Firefox issues probably with separate issues for outstanding things.

@hkdobrev hkdobrev mentioned this pull request May 9, 2017
2 tasks
@loilo
Copy link
Contributor Author

loilo commented May 9, 2017

Uhm. Yes. Let's assume that I did not totally forget the fact that this is a Chrome extension. 🙈

@hkdobrev
Copy link
Contributor

hkdobrev commented May 9, 2017

Uhm. Yes. Let's assume that I did not totally forget the fact that this is a Chrome extension. 🙈

Hehe 😆 No worries. It should soon be a Firefox extension as well --> #403.

@loilo
Copy link
Contributor Author

loilo commented May 9, 2017

Okay, updated screenshot to use the moved button, the current GitHub design (font, primary button color) and @sindresorhus' latest avatar. 😝

@jgierer12
Copy link
Contributor

Huh. I wanted to take a screenshot in Firefox and it seems the comment box looks completely different there than in Chrome

That's weird, which version of Firefox do you use? For me (FF 53.0.2) it looks like this: Comment form

@loilo
Copy link
Contributor Author

loilo commented May 9, 2017

I may need to clarify this: My firefox does not have any of the Refined GitHub scripts running. I only wanted to make the screenshot there to see if its rendering is superior to Chrome in any way.

@jgierer12
Copy link
Contributor

@loilo ah, that makes sense. Thanks for clarifying!

@jgierer12
Copy link
Contributor

jgierer12 commented May 9, 2017

How about moving the "Cancel" button (when editing a comment) as well for consistency?
Edit comment buttons
Edit: Same for line comments
Line comment buttons

@loilo
Copy link
Contributor Author

loilo commented May 9, 2017

I don't care, but I agree that this would actually give it a more consistent look. I'll add that.

@loilo
Copy link
Contributor Author

loilo commented May 9, 2017

@jgierer12 Can you tell me where to find that inline commenting option?

@hkdobrev
Copy link
Contributor

hkdobrev commented May 9, 2017

@loilo

Can you tell me where to find that inline commenting option?

  1. Go to a PR
  2. Go to Files tab.
  3. Click + button on the left of any line. E.g. https://github.com/sindresorhus/refined-github/pull/414/files#diff-83ab1d10d74dc75c62ac9cf612cfce51R581

@loilo
Copy link
Contributor Author

loilo commented May 9, 2017

Thanks.

@loilo
Copy link
Contributor Author

loilo commented May 9, 2017

Regarding the inline comments: Would you only move the "Cancel" to the left or the "Add single comment" option as well?

Thematically, only the Cancel button should go left. Regarding the issue this PR tries to solve—misclicking—both should go left.

Thoughts?

@jgierer12
Copy link
Contributor

Would you only move the "Cancel" to the left or the "Add single comment" option as well?

Yes, I'd only move "Cancel"

@hkdobrev
Copy link
Contributor

hkdobrev commented May 9, 2017

I'd prefer only the cancel button to go left.

You already have a shortcut for the primary button - /Ctrl+Enter. And also a misclick on the other button is not a destructive action.

@loilo
Copy link
Contributor Author

loilo commented May 10, 2017

Okay, that's added too.
And ⌘Enter was new to me, thanks. 👍

@hkdobrev hkdobrev requested a review from jgierer12 May 10, 2017 06:46
@sindresorhus sindresorhus changed the title Move 'close issue' button left, resolves #410 Move close/cancel buttons to the left - Fixes #410 May 10, 2017
@sindresorhus
Copy link
Member

@loilo Can you also add it to the feature highlight in the readme? https://github.com/sindresorhus/refined-github#highlights

@loilo
Copy link
Contributor Author

loilo commented May 10, 2017

There you go.

@hkdobrev hkdobrev merged commit 6f95153 into refined-github:master May 10, 2017
@hkdobrev
Copy link
Contributor

Thanks! 🎉

@loilo
Copy link
Contributor Author

loilo commented May 10, 2017

My pleasure. 🙃

@jgierer12
Copy link
Contributor

Great work @loilo 😄

@loilo
Copy link
Contributor Author

loilo commented May 10, 2017

Thanks. I'm thinking of aiming for #341 next, but I'm not sure yet if I've got the time. :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

4 participants