Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Add friendlier-requested-changes feature#2611

Merged
fregante merged 7 commits intorefined-github:masterfrom
arnaudvalle:feat/friendlier-requested-changes
Jan 28, 2020
Merged

Add friendlier-requested-changes feature#2611
fregante merged 7 commits intorefined-github:masterfrom
arnaudvalle:feat/friendlier-requested-changes

Conversation

@arnaudvalle
Copy link
Contributor

@arnaudvalle arnaudvalle commented Dec 9, 2019

Closes #1602

Test

Before:
Screenshot 2019-12-09 22 23 58

After:
Screenshot 2019-12-09 22 22 43

@busches
Copy link
Member

busches commented Dec 9, 2019

The color contrast isn't there anymore, as a colorblind individual, its now really close to the green now.

@yohanneshabte
Copy link
Contributor

hi @busches and @arnaudvalle, what about a blue color since it is very helpful to know when a change is requested on a PR. Currently there is no difference in visual when review is requested or change is requested. Here is a screenshot with a blue(#3f29b9)
Screen Shot 2019-12-09 at 9 54 09 PM

@fregante
Copy link
Member

fregante commented Dec 10, 2019

Blue looks like a link; perhaps purple? Or a dark pink, which is still red-ish but less aggressive https://primer.style/css/support/color-system

Otherwise we can just go with dark yellow for icons (like a WIP) and gray/black for text like regular comments

@arnaudvalle
Copy link
Contributor Author

Alright - here are a few variants taken from your comments:

purple 500:
Screenshot 2019-12-10 22 12 37

pink 600:
Screenshot 2019-12-10 22 14 22

yellow 700 + black text:
Screenshot 2019-12-10 22 17 55

@jerone
Copy link
Contributor

jerone commented Dec 10, 2019

My preference goes to "yellow 700 + black text".

Red is for when something is broken or denied. Green for successes and approvals. The orange color (yellow 700) is already known for pending and waiting status, which this is.

@arnaudvalle
Copy link
Contributor Author

My preference goes to "yellow 700 + black text".

I agree. Purple and pink seem to come a bit out of nowhere (I don't remember seeing them elsewhere in the interface) and I don't think they're really associated (at least in my mind as a regular user) to a specific message like yellow/warning.

Plus it just feels/flows better with the other items in that area from a UI point of view I reckon.

@fregante
Copy link
Member

Yeah I think yellow works.

Perhaps save the color as a variable in content.css

@sindresorhus sindresorhus changed the title feat: Add friendlier requested changes colour on PR status Add friendlier "requested changes" color on PR status Dec 12, 2019
@arnaudvalle
Copy link
Contributor Author

I made the change to yellow icon + dark text as discussed.

@fregante fregante changed the title Add friendlier "requested changes" color on PR status Add friendlier-requested-changes feature Dec 15, 2019
@fregante
Copy link
Member

I'm not convinced anymore. The moment I opened my first "changes requested PR" I thought that the CI was still running because that's the color that GitHub uses in that case.

@arnaudvalle
Copy link
Contributor Author

Right, I see. Any other suggestion? How about something grey? Similar to when you have merge conflicts:

@fregante
Copy link
Member

Interesting. GitHub is using gray to show an action needs to be taken, so I wouldn’t mind it for Requested Changes too

@arnaudvalle
Copy link
Contributor Author

Would look like this: Screenshot 2019-12-17 21 27 28

If we go with grey, I'd suggest we also make the main surrounding border grey as well as the main branch icon indicator, like they do on the Draft PRs?
Screenshot 2019-12-17 21 26 09

(oops sorry about the comment in the wrong PR, I posted my message in the one I was testing on because it had requested changes... :()

@fregante fregante requested a review from sindresorhus January 5, 2020 07:21
@sindresorhus
Copy link
Member

Yeah, gray looks good to me.

@arnaudvalle arnaudvalle requested a review from fregante January 22, 2020 08:15
@fregante fregante merged commit b97f474 into refined-github:master Jan 28, 2020
@fregante
Copy link
Member

🎉

@fregante fregante mentioned this pull request Feb 28, 2020
@ProLoser
Copy link

Not a fan of this, think it should be reverted. It was mostly voted down to begin with and it feels a bit confusing and superfluous

@arnaudvalle arnaudvalle deleted the feat/friendlier-requested-changes branch March 3, 2020 08:51
fregante added a commit that referenced this pull request Mar 5, 2020
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.

More friendly "Changes requested" state in PRs

7 participants