maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-28 03:43:28 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Wrap terms to set width and top padding

Browse source
This commit is contained in:
Kimmo Puputti 2017-10-27 16:43:54 +03:00
parent dcaa41c50c
commit b5157abc45
3 changed files with 21 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/containers/AuthenticationPage/AuthenticationPage.css
View file

@ -50,6 +50,18 @@
text-align: left;
}
/* Terms of Service modal*/
.termsWrapper {
width: 100%;
padding-top: 40px;
@media (--viewportMedium) {
width: 571px;
padding-top: 11px;
}
}
/* ================ Hide Top bar in screens smaller than 768px ================ */
.hideOnMobile {

4
src/containers/AuthenticationPage/AuthenticationPage.js
View file

@ -247,7 +247,9 @@ export class AuthenticationPageComponent extends Component {
onClose={() => this.setState({ tosModalOpen: false })}
onManageDisableScrolling={onManageDisableScrolling}
>
<TermsOfService />
<div className={css.termsWrapper}>
<TermsOfService />
</div>
</Modal>
</LayoutWrapperMain>
<LayoutWrapperFooter>

10
src/containers/AuthenticationPage/__snapshots__/AuthenticationPage.test.js.snap
View file

@ -88,10 +88,12 @@ exports[`AuthenticationPageComponent matches snapshot 1`] = `
onClose={[Function]}
onManageDisableScrolling={[Function]}
>
<TermsOfService
className={null}
rootClassName={null}
/>
<div>
<TermsOfService
className={null}
rootClassName={null}
/>
</div>
</InjectIntl(ModalComponent)>
</LayoutWrapperMain>
<LayoutWrapperFooter