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

Replacing old button with crayon buttons to make it more visible #11080

Merged
merged 2 commits into from Oct 26, 2020
Merged

Replacing old button with crayon buttons to make it more visible #11080

merged 2 commits into from Oct 26, 2020

Conversation

Rafi993
Copy link
Contributor

@Rafi993 Rafi993 commented Oct 26, 2020

What type of PR is this?

  • Refactor
  • Feature
  • Bug Fix
  • Optimization
  • Documentation Update

Description

Replaces old button with crayon button it also improves button visibility

Related Tickets & Documents

Closes #11081

QA Instructions, Screenshots, Recordings

Before

old_button

After

visible_button

Added tests?

  • yes
  • no, because they aren't needed
  • no, because I need help

Added to documentation?

  • docs.forem.com
  • readme
  • no documentation needed

@pr-triage pr-triage bot added the PR: unreviewed bot applied label for PR's with no review label Oct 26, 2020
@Rafi993 Rafi993 changed the title Replacing old button with crayon button to make it more visible Replacing old button with crayon buttons to make it more visible Oct 26, 2020
@@ -48,7 +48,7 @@
<% if params[:state] == "potential" %>
<td>
<%= form_with model: [:admin, mod], url: admin_mod_path(mod.id), method: :patch, local: true do |f| %>
<%= f.submit "Make Trusted", class: "btn btn-light js-add-to-mod-channel" %>
<%= f.submit "Make Trusted", class: "crayons-btn js-add-to-mod-channel" %>
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<%= f.submit "Make Trusted", class: "crayons-btn js-add-to-mod-channel" %>
<%= f.submit "Make Trusted", class: "crayons-btn crayons-btn--secondary js-add-to-mod-channel" %>

I think this button shouldn't be "prmiary" one (purple) but secondary. Primary button should be "reserved" for the most important action on a page (or within certain area).

I do agree that the button you have fixed originally could be a bit more visible and I think crayons-btn--secondary will be a better replacement in this case.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

secondary_button

This is how it looks after the above change

@pr-triage pr-triage bot added PR: reviewed-changes-requested bot applied label for PR's where reviewer requests changes and removed PR: unreviewed bot applied label for PR's with no review labels Oct 26, 2020
@pr-triage pr-triage bot added PR: unreviewed bot applied label for PR's with no review and removed PR: reviewed-changes-requested bot applied label for PR's where reviewer requests changes labels Oct 26, 2020
Copy link
Contributor

@ludwiczakpawel ludwiczakpawel left a comment

Choose a reason for hiding this comment

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

🙌

@pr-triage pr-triage bot added PR: partially-approved bot applied label for PR's where a single reviewer approves changes and removed PR: unreviewed bot applied label for PR's with no review labels Oct 26, 2020
@ludwiczakpawel ludwiczakpawel requested review from rhymes and a team October 26, 2020 11:22
@rhymes rhymes merged commit 42014f7 into forem:master Oct 26, 2020
@pr-triage pr-triage bot added PR: merged bot applied label for PR's that are merged and removed PR: partially-approved bot applied label for PR's where a single reviewer approves changes labels Oct 26, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
PR: merged bot applied label for PR's that are merged
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Replace old button style with crayon buttons in /admin/mods?state=potential page
3 participants