Fixing link focus (#12362)

* Fixing link focus

1. Removing display content from link
2. Removing extra margin at the top of link
3. Adding before link

* Extending crayon-fields and removing margin-top
This commit is contained in:
Rafi 2021-01-22 19:56:51 +05:30 committed by GitHub
parent fe9be955fd
commit 931d9169fd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions

View file

@ -609,6 +609,10 @@ $onboarding-user-selected-hover: rgba(71, 85, 235, 0.2);
@extend .crayons-field;
@extend .crayons-field__label;
a {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
@ -650,10 +654,6 @@ $onboarding-user-selected-hover: rgba(71, 85, 235, 0.2);
margin-bottom: 0;
}
a {
display: contents;
}
input[type='checkbox'] {
@extend .crayons-checkbox;
margin-right: var(--su-2) !important;

View file

@ -150,7 +150,7 @@ class IntroSlide extends Component {
checked={checked_code_of_conduct}
onChange={this.handleChange}
/>
You agree to uphold our{' '}
You agree to uphold our 
<a
href="/code-of-conduct"
data-no-instant
@ -175,7 +175,7 @@ class IntroSlide extends Component {
checked={checked_terms_and_conditions}
onChange={this.handleChange}
/>
You agree to our{' '}
You agree to our&nbsp;
<a
href="/terms"
data-no-instant