maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Minor tweaks to onboarding UI (#7546) [deploy]

Browse source 
* Use accent-color in onboarding progress stepper

This looks much prettier with the default DEV theme when viewing onboarding.
Closes https://github.com/thepracticaldev/dev.to/issues/7545.

* Align onboarding checkboxes in their parent element

Use `display: flex`.
Closes https://github.com/thepracticaldev/dev.to/issues/7544.
This commit is contained in:
Vaidehi Joshi 2020-04-27 12:38:48 -07:00 • committed by GitHub
parent bdcfba7d70
commit 54519dbf4e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/assets/stylesheets/preact/onboarding-modal.scss
View file

@ -174,7 +174,7 @@
} }
.active { .active {
background-color: var(--base-90); background-color: var(--accent-brand);
} }
} }
} }
@ -663,7 +663,7 @@ $onboarding-user-selected-hover: rgba(71, 85, 235, 0.2);
@extend .crayons-field__label; @extend .crayons-field__label;
align-items: baseline; align-items: baseline;
border-radius: $br-default; border-radius: $br-default;
display: inline-block; display: flex;
flex-direction: row; flex-direction: row;
padding: 0 $su-1; padding: 0 $su-1;
width: 100%; width: 100%;