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

Remove underline from Delete button in Basis #4206

Closed
ghost opened this issue Nov 15, 2019 · 15 comments · Fixed by backdrop/backdrop#3667
Closed

Remove underline from Delete button in Basis #4206

ghost opened this issue Nov 15, 2019 · 15 comments · Fixed by backdrop/backdrop#3667

Comments

@ghost
Copy link

ghost commented Nov 15, 2019

Description of the need
In the Basis theme, the Delete 'button' (on node edit forms) is actually a link styled to look like a button. As such, it has an underline which looks wrong considering the actual buttons it's styled after don't...

image

Steps to recreate

  1. Visit admin/appearance
  2. Choose Basis as Administration Theme (near bottom of page)
  3. Go to admin/content
  4. Edit any existing node and go to the bottom of the node edit form

Proposed solution
Remove the underline on the any links styled to look like buttons (a.button).

@ghost ghost changed the title Remove underline from Delete button in Basis Basis: Remove underline from Delete button Nov 16, 2019
@jenlampton jenlampton removed the design label Sep 23, 2020
@jenlampton
Copy link
Member

jenlampton commented Sep 23, 2020

Great catch! :) I don't think this change needs designer feedback, so removing the design label.

@stpaultim
Copy link
Member

stpaultim commented Sep 24, 2020

@BWPanda - Whoops, I think that this has been fixed already.

I just spun up a new site and went to edit the "Your first post" post and I am not seeing this behavior. I'm also not seeing it on hover.

Edit_Post_Your_first_post____Beetlesa

@ghost
Copy link
Author

ghost commented Sep 24, 2020

@stpaultim You need to turn off the admin theme for node forms to see this. E.g. uncheck 'Use the administration theme when editing or creating content' on the Appearance page.

@stpaultim
Copy link
Member

I'm looking at this issue with the Open Source Day group.

@stpaultim
Copy link
Member

Our proposed solution to this is the following CSS rule in Basis styles.css

a.form-delete {
  text-decoration: none;
}

We also considered

a#edit-delete {
text-decoration: none;
}

This seems specific enough that it should not break anything unexpected.

@himanshu007-creator
Copy link
Member

This PR resolves the issue. Tested successfully

@jenlampton
Copy link
Member

I added the "works for me" label yesterday thanks to the testing done by @himanshu007-creator (thank you).

The code also looks straightforward, RTBC!

@klonos
Copy link
Member

klonos commented Aug 15, 2021

This is a style inconsistency/bug. It can go in on a bug release.

@laryn laryn added this to the 1.19.4 milestone Aug 27, 2021
@laryn
Copy link
Contributor

laryn commented Sep 1, 2021

Thinking out loud a bit here, but instead of pinpointing a.form-delete -- is this a change that should happen to any .button element? (Is there any button link implementation that should have an underline?)

@jenlampton
Copy link
Member

jenlampton commented Sep 1, 2021

Is there any button link implementation that should have an underline?

yes, probably. Sometimes we have cancel buttons that need to appear as though they are links -- but in those cases the cancel button is the one that should be targeted specifically.

@stpaultim
Copy link
Member

stpaultim commented Sep 13, 2021

OK, I did some poking around for another example of a button with an underline and found this on the dashboard.

check-manually

This button would not have been fixed by the old PR but is fixed by this one.

@stpaultim
Copy link
Member

stpaultim commented Sep 13, 2021

@jenlampton - I don't usually assign people to issues, but THIS TIME it seemed appropriate! ;-)

@jenlampton
Copy link
Member

Looks great! :) Thanks @stpaultim

@laryn
Copy link
Contributor

laryn commented Sep 14, 2021

Thank you for filing this @BWPanda, and for the PR, testing, and review @stpaultim, @himanshu007-creator, and @jenlampton! I've merged backdrop/backdrop#3667 into 1.x and 1.19.x.

@stpaultim
Copy link
Member

@laryn - Thank you for spotting a better solution with broader implications.

@jenlampton jenlampton changed the title Basis: Remove underline from Delete button Remove underline from Delete button in Basis 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