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

GH-2262, GH-2257, GH-2270: Add caret, Align link, Update copy #682

Merged
merged 5 commits into from Mar 15, 2021
Merged
Changes from 1 commit
Commits
File filter
Filter file types
Jump to
Jump to file
Failed to load files.

Always

Just for now

Add arrow to skip button

  • Loading branch information
benstrumeyer committed Feb 8, 2021
commit a79978a96b798c187d87ccc2f2c186221f29bfe4
@@ -100,6 +100,7 @@ const Step1_CreateAccountView = (props) => {
<div className="columns small-10 medium-6">
<NavLink className="Step1_CreateAccountView__skip" to="/onboarding/2" onClick={() => handleSkipButton(SKIP_ACCOUNT_CREATION)}>
<span>{t('ghostery_dawn_onboarding_skip')}</span>
<span className="Step1_CreateAccountView__arrow" />
</NavLink>
</div>
</div>
@@ -185,6 +185,8 @@ $color-create-account-form-error-red: #e74055;
.Step1_CreateAccountView__skip {
margin-top: -37px;
float: right;
display: flex;
align-items: center;
font-size: 16px;
color: $ghosty-blue;
text-decoration: underline;
@@ -196,6 +198,17 @@ $color-create-account-form-error-red: #e74055;
float: none;
}
}
.Step1_CreateAccountView__arrow {
margin-left: 5px;
float: right;
height: 10px;
width: 10px;
border-left: 2px solid $tundora;
border-top: 2px solid $tundora;
cursor: pointer;
border-color: $ghosty-blue;
transform: rotate(135deg);
}
.Step1_CreateAccountView__learnMoreContainer {
margin: 25px auto 0 auto;
width: 251px;
ProTip! Use n and p to navigate between commits in a pull request.