# Logged in as user (admin role).
# Click on Structure from the top menu.
# Created content types, people, menus, blocks, views
# Delete button and Cancel account button is visible as link which should not be the case. It should be in the form of buttons same as Save.

CommentFileSizeAuthor
drupal_7_delete_button_reference.png24.95 KBmoonpeak
people_edit_issue_4.png105.79 KBmoonpeak
Custom_block_lib_issue_3.png53.96 KBmoonpeak
Edit menu Test Menu 1_issue_2.png51.89 KBmoonpeak
Edit custom block Test Block Description_issue_1.png74.9 KBmoonpeak

Comments

waako’s picture

waako commented

It seems very poor UX to want cancel/delete buttons the same colour, hence I completely disagree with the requested change

moonpeak’s picture

moonpeak commented
Category: Bug report » Feature request
nod_’s picture

nod_
Primary language French
Location Lille
commented
Status: Needs work » Needs review
Issue tags: -buttons ui, -#frontend +Usability

We have a styleguide for those kind of things and it's implemented as intended. I'm expecting the UX team to close that as "worked as designed" but I'll leave it up to them if they want to reopen the discussion. https://groups.drupal.org/node/283223#Buttons

mcjim’s picture

mcjim commented

To quote from the style guide:

Delete buttons – those that perform a destructive action such as deleting a node – are colored red, since they must call attention and signal caution. However, they should not draw the eye away from more common actions, so their border and background is removed, appearing instead as a plain link. An underline provides an affordance, since danger buttons have neither the standard link colour nor the standard button style.

emma.maria’s picture

emma.maria
she/her
commented
Component: CSS » Seven theme

Changing this issue to be for the Seven theme as you are questioning the Seven style guide.

The buttons are purposely styled this way https://groups.drupal.org/node/283223.

I will let the appropriate people chime out on this :)

lewisnyman’s picture

lewisnyman
he/him
commented
Status: Needs review » Closed (works as designed)

See the comments above. Thank you.

moonpeak’s picture

moonpeak commented

Thank you all for your valuable feedback. I went through the guidelines and understood that the danger button like delete is plain red link as per WCAG 2 AA contrast guidelines.