m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Switch page-container__footer-* for header and footer tags

Browse Source
This commit is contained in:
Whymarrh Whitby 2018-10-01 10:34:11 -02:30
parent d28453234c
commit e351a7dd74
3 changed files with 26 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/app/components/page-container/index.scss
View File

@ -52,9 +52,8 @@
.btn-confirm { .btn-confirm {
font-size: 1rem; font-size: 1rem;
} }
}
&__footer-header { header {
display: flex; display: flex;
flex-flow: row; flex-flow: row;
justify-content: center; justify-content: center;
@ -62,7 +61,7 @@
flex: 0 0 auto; flex: 0 0 auto;
} }
&__footer-footer { footer {
display: flex; display: flex;
flex-flow: row; flex-flow: row;
justify-content: space-around; justify-content: space-around;
@ -77,6 +76,7 @@
color: #2f9ae0; color: #2f9ae0;
} }
} }
}
&__footer-button { &__footer-button {
height: 55px; height: 55px;

8
ui/app/components/page-container/page-container-footer/page-container-footer.component.js
View File

@ -32,7 +32,7 @@ export default class PageContainerFooter extends Component {
return ( return (
<div className="page-container__footer"> <div className="page-container__footer">
<div className="page-container__footer-header"> <header>
<Button <Button
type="default" type="default"
large large
@ -51,12 +51,12 @@ export default class PageContainerFooter extends Component {
> >
{ submitText || this.context.t('next') } { submitText || this.context.t('next') }
</Button> </Button>
</div> </header>
{children && ( {children && (
<div className="page-container__footer-footer"> <footer>
{children} {children}
</div> </footer>
)} )}
</div> </div>

4
ui/app/components/page-container/page-container-footer/tests/page-container-footer.component.test.js
View File

@ -25,7 +25,7 @@ describe('Page Footer', () => {
assert.equal(wrapper.find('.page-container__footer').length, 1) assert.equal(wrapper.find('.page-container__footer').length, 1)
}) })
it('should render a page-container__footer-footer class when given children', () => { it('should render a footer inside page-container__footer when given children', () => {
const wrapper = shallow( const wrapper = shallow(
<PageFooter> <PageFooter>
<div>Works</div> <div>Works</div>
@ -33,7 +33,7 @@ describe('Page Footer', () => {
{ context: { t: sinon.spy((k) => `[${k}]`) } } { context: { t: sinon.spy((k) => `[${k}]`) } }
) )
assert.equal(wrapper.find('.page-container__footer-footer').length, 1) assert.equal(wrapper.find('.page-container__footer footer').length, 1)
}) })
it('renders two button components', () => { it('renders two button components', () => {