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

Gutenboarding: update design picker focus and hover style #38665

Closed
razvanpapadopol opened this issue Jan 6, 2020 · 0 comments · Fixed by #39154
Closed

Gutenboarding: update design picker focus and hover style #38665

razvanpapadopol opened this issue Jan 6, 2020 · 0 comments · Fixed by #39154
Labels
Design [Feature Group] Signup & Site Onboarding Tools for user registration and onboarding new users to the site. [Goal] New Onboarding previously called Gutenboarding

Comments

@razvanpapadopol
Copy link

razvanpapadopol commented Jan 6, 2020

Suggestion for page selector, via #38583 (comment):

We can borrow from the existing starter page template selector styles - the suggestion below works for page selector cards. Still need to figure out how to work around a specificity collision with .is-elevated to use the same style on the design selector cards.

  &:focus {
  	box-shadow: 0 0 0 1px $white,
  				0 0 0 3px $blue-medium-500;
  	// Windows High Contrast mode will show this outline, but not the box-shadow.
  	outline: 2px solid transparent;
  }

  &:hover {
  	border: 3px solid var( --color-neutral-dark );
  	padding: 0;
  }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Design [Feature Group] Signup & Site Onboarding Tools for user registration and onboarding new users to the site. [Goal] New Onboarding previously called Gutenboarding
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants