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

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

@ -52,29 +52,29 @@
.btn-confirm {
font-size: 1rem;
}
}
&__footer-header {
display: flex;
flex-flow: row;
justify-content: center;
padding: 16px;
flex: 0 0 auto;
}
header {
display: flex;
flex-flow: row;
justify-content: center;
padding: 16px;
flex: 0 0 auto;
}
&__footer-footer {
display: flex;
flex-flow: row;
justify-content: space-around;
padding: 0 16px 16px;
flex: 0 0 auto;
footer {
display: flex;
flex-flow: row;
justify-content: space-around;
padding: 0 16px 16px;
flex: 0 0 auto;
a, a:hover {
text-decoration: none;
cursor: pointer;
font-size: 0.75rem;
text-transform: uppercase;
color: #2f9ae0;
a, a:hover {
text-decoration: none;
cursor: pointer;
font-size: 0.75rem;
text-transform: uppercase;
color: #2f9ae0;
}
}
}

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 (
<div className="page-container__footer">
<div className="page-container__footer-header">
<header>
<Button
type="default"
large
@ -51,12 +51,12 @@ export default class PageContainerFooter extends Component {
>
{ submitText || this.context.t('next') }
</Button>
</div>
</header>
{children && (
<div className="page-container__footer-footer">
<footer>
{children}
</div>
</footer>
)}
</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)
})
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(
<PageFooter>
<div>Works</div>
@ -33,7 +33,7 @@ describe('Page Footer', () => {
{ 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', () => {