Skip to content
Snippets Groups Projects
Commit 1cf9a415 authored by Bogdan Cochior's avatar Bogdan Cochior
Browse files

style(submission): fix error for dropdown menu

parent 530509e8
No related branches found
No related tags found
1 merge request!43Sprint #19
import React from 'react' import React, { Fragment } from 'react'
import { get } from 'lodash' import { get } from 'lodash'
import { Field } from 'redux-form' import { Field } from 'redux-form'
import { Tooltip } from 'react-tippy' import { Tooltip } from 'react-tippy'
...@@ -28,7 +28,7 @@ const StepTwo = ({ ...@@ -28,7 +28,7 @@ const StepTwo = ({
manuscriptTypes, manuscriptTypes,
...rest ...rest
}) => ( }) => (
<Root> <Fragment>
<Row alignItems="center" mb={1}> <Row alignItems="center" mb={1}>
<H2>2. Manuscript & Author Details</H2> <H2>2. Manuscript & Author Details</H2>
</Row> </Row>
...@@ -49,7 +49,7 @@ const StepTwo = ({ ...@@ -49,7 +49,7 @@ const StepTwo = ({
validate={[required]} validate={[required]}
/> />
</Item> </Item>
<Item data-test-id="submission-type" vertical> <ItemOverrideAlert data-test-id="submission-type" vertical>
<Label required>MANUSCRIPT TYPE</Label> <Label required>MANUSCRIPT TYPE</Label>
<ValidatedField <ValidatedField
component={input => ( component={input => (
...@@ -62,10 +62,10 @@ const StepTwo = ({ ...@@ -62,10 +62,10 @@ const StepTwo = ({
name="metadata.type" name="metadata.type"
validate={[required]} validate={[required]}
/> />
</Item> </ItemOverrideAlert>
</Row> </Row>
<Row mb={2}> <RowOverrideAlert mb={2}>
<Item data-test-id="submission-abstract" vertical> <Item data-test-id="submission-abstract" vertical>
<Label required>ABSTRACT</Label> <Label required>ABSTRACT</Label>
<ValidatedField <ValidatedField
...@@ -75,7 +75,7 @@ const StepTwo = ({ ...@@ -75,7 +75,7 @@ const StepTwo = ({
validate={[required]} validate={[required]}
/> />
</Item> </Item>
</Row> </RowOverrideAlert>
<Field component={Empty} name="authors" /> <Field component={Empty} name="authors" />
<WizardAuthors <WizardAuthors
...@@ -124,7 +124,7 @@ const StepTwo = ({ ...@@ -124,7 +124,7 @@ const StepTwo = ({
</Item> </Item>
</Row> </Row>
)} )}
</Root> </Fragment>
) )
export default StepTwo export default StepTwo
...@@ -146,8 +146,14 @@ const ConflictsTooltip = () => ( ...@@ -146,8 +146,14 @@ const ConflictsTooltip = () => (
// #region styled-components // #region styled-components
const Root = styled.div` const RowOverrideAlert = styled(Row)`
textarea + div[role='alert'] { div[role='alert'] {
margin-top: 0;
}
`
const ItemOverrideAlert = styled(Item)`
div[role='alert'] {
margin-top: 0; margin-top: 0;
} }
` `
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment