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

[UX] Fixed: Button colors are inconsistent when Basis used as admin theme #5130

Closed
jenlampton opened this issue Jul 15, 2021 · 8 comments · Fixed by backdrop/backdrop#3668
Closed

Comments

@jenlampton
Copy link
Member

jenlampton commented Jul 15, 2021

Description of the bug

We should have four distinct button colors:

  • primary (blue for basis)
  • secondary (white for basis)
  • default (gray for basis)
  • dangerous (red for basis)

Every time there is a button in the admin theme, it should be gray, unless it also has a class for primary or secondary, in which case it should take on the specific color.

Steps To Reproduce

To reproduce the behavior:

  1. Switch your site to use Basis for admin theme
  2. Visit the content listing
  3. Edit an Article

Actual behavior

Many buttons are blue, when they should be white or gray.

Screen Shot 2021-07-15 at 12 35 19 PM

Expected behavior

Only the "Save" button should be blue.

@hosef
Copy link

hosef commented Jul 15, 2021

We also use red buttons for dangerous actions like deleting content.

@jenlampton
Copy link
Member Author

Thanks @hosef, I added that to the list above (though I haven't noticed any issues with danger buttons in Basis yet...)

@hosef
Copy link

hosef commented Jul 15, 2021

I haven't either. I just wanted to make sure it was on the list so the styles didn't get removed accidentally.

@himanshu007-creator
Copy link
Member

HI @jenlampton , kindly review this PR. It will close this issue.
Made during the OSD

@jenlampton
Copy link
Member Author

jenlampton commented Jul 22, 2021

I found a small coding standards issue that needs to be resolved. Since I was doing the testing while the PR was being created, it would be best if someone else could test it. Testing can be done in the sandbox on the PR.

@himanshu007-creator
Copy link
Member

@jenlampton Hi! Changes were made as you suggested and I have tested these changes positively.
They work as expected and now both buttons are gray. Good job @thivyaa-web-dev 🎉

@jenlampton
Copy link
Member Author

Looks great, this PR is RTBC and I've adjusted the milestone so it should get into the next release!

@quicksketch quicksketch modified the milestones: 1.19.3, 1.19.4 Aug 12, 2021
@jenlampton jenlampton changed the title Button colors inconsistent when Basis used as admin theme [UX] Button colors inconsistent when Basis used as admin theme Aug 16, 2021
@laryn
Copy link
Contributor

laryn commented Sep 14, 2021

Thanks to @thivyaa-web-dev for this PR, and to @jenlampton and @himanshu007-creator for testing and review! I've merged backdrop/backdrop#3668 into 1.x and 1.19.x in backdrop/backdrop#3668

@jenlampton jenlampton changed the title [UX] Button colors inconsistent when Basis used as admin theme [UX] Fixed: Button colors are inconsistent when Basis used as admin theme Sep 15, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants