status-im
/
MyCrypto
mirror of https://github.com/status-im/MyCrypto.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
MyCrypto/common/containers/OnboardModal/components/WelcomeSlide.scss

28 lines
598 B
SCSS
Raw Normal View History

Onboarding Modal (#611) * [WIP] Start port of V3 Modal * allow lambda functions in React Components * lint code * add null case for modalRef * fix action test * reduce onboard slide boilerplate * delete images and componentize OnboardSlide * comment out info onboarding message * fix merge conflict * fix prettier error * revert tslint file * fix type in modal * add translations to onboard modal * add in images, fix stlyes
2018-01-11 18:13:14 +00:00
@import 'common/sass/variables';
@import 'common/sass/mixins';
.WelcomeSlide {
&-alert {
Onboarding Style Improvements (#805) * Increases Modal's width to better fit in the content. * Restore the image side behavior so that images are sometimes on the left, not always on the right * Allows modal to dynamically size its height. * This reduces some awkward whitespace, and makes it so you can't just jam on the "Next" button since it moves a bit, should slow some people down to at least catch the headlines. * Restore the alert style on the opening modal * Provide a mobile-friendly progress stepper. * This module's markup kind of sucks, so the restyling code is heinous. Sorry. * Scrolls the user to the top after hitting "Next" or "Previous" * On mobile, you would stay scrolled at the bottom. Much nicer feeling now. * Tons of text and content spacing / color / size adjustments.
2018-01-13 08:26:08 +00:00
display: flex;
border-top: 2px solid $brand-danger;
padding: $space-sm;
font-size: $font-size-base;
line-height: 1.5;
Onboarding Modal (#611) * [WIP] Start port of V3 Modal * allow lambda functions in React Components * lint code * add null case for modalRef * fix action test * reduce onboard slide boilerplate * delete images and componentize OnboardSlide * comment out info onboarding message * fix merge conflict * fix prettier error * revert tslint file * fix type in modal * add translations to onboard modal * add in images, fix stlyes
2018-01-11 18:13:14 +00:00
font-weight: 500;
Onboarding Style Improvements (#805) * Increases Modal's width to better fit in the content. * Restore the image side behavior so that images are sometimes on the left, not always on the right * Allows modal to dynamically size its height. * This reduces some awkward whitespace, and makes it so you can't just jam on the "Next" button since it moves a bit, should slow some people down to at least catch the headlines. * Restore the alert style on the opening modal * Provide a mobile-friendly progress stepper. * This module's markup kind of sucks, so the restyling code is heinous. Sorry. * Scrolls the user to the top after hitting "Next" or "Previous" * On mobile, you would stay scrolled at the bottom. Much nicer feeling now. * Tons of text and content spacing / color / size adjustments.
2018-01-13 08:26:08 +00:00
box-shadow: 0 1px 1px 1px rgba(#000, 0.12);
margin-bottom: $space;
&-icon {
display: flex;
flex-direction: column;
justify-content: center;
width: 32px;
margin-left: $space * 0.4;
margin-right: $space * 0.8;
text-align: center;
font-size: 32px;
color: $brand-danger;
}
Onboarding Modal (#611) * [WIP] Start port of V3 Modal * allow lambda functions in React Components * lint code * add null case for modalRef * fix action test * reduce onboard slide boilerplate * delete images and componentize OnboardSlide * comment out info onboarding message * fix merge conflict * fix prettier error * revert tslint file * fix type in modal * add translations to onboard modal * add in images, fix stlyes
2018-01-11 18:13:14 +00:00
}
}