oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

modal fixes

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-07-05 13:14:02 +02:00
parent 4b489811ac
commit 5adba86e5e
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/atoms/Modal.module.scss
View File

@ -16,14 +16,14 @@
.modal {
padding: $spacer;
border-radius: $border-radius;
background: $brand-white;
background: $body-background;
margin: $spacer auto;
max-width: $break-point--small;
position: relative;
animation: moveUp .2s ease-out backwards;
@media (min-width: $break-point--small) {
padding: $spacer * 2 $spacer;
padding: $spacer * 2 $spacer * 1.5;
}
&:focus {

14
client/src/components/atoms/Modal.test.tsx Normal file
View File

@ -0,0 +1,14 @@
import React from 'react'
import { render } from '@testing-library/react'
import Modal from './Modal'
describe('Modal', () => {
it('renders without crashing', () => {
const { container } = render(
<Modal title="Hello" isOpen toggleModal={() => null}>
Hello
</Modal>
)
expect(container.firstChild).toBeInTheDocument()
})
})

2
client/src/components/templates/Asset/Report.module.scss
View File

@ -11,10 +11,10 @@
}
.info {
background: $brand-white;
padding: $spacer;
border: 1px solid $brand-grey-lighter;
border-radius: $border-radius;
margin-bottom: $spacer;
h3 {
font-size: $font-size-base;

1
client/src/components/templates/Asset/Report.tsx
View File

@ -45,6 +45,7 @@ export default class Report extends PureComponent<
name="comment"
label="Comment"
help="Briefly describe what is wrong with this asset."
required
/>
<Button primary>Report Data Set</Button>
</Form>