Commit c3219ec4 authored by Giannis Kopanas's avatar Giannis Kopanas

fix(style): responsive line tool

parent 9bff385d
Pipeline #8384 failed with stages
in 8 minutes and 20 seconds
......@@ -18,6 +18,9 @@ const Body = styled.div`
justify-content: space-between;
margin-bottom: calc(${th('gridUnit')} * 4);
padding-left: 1.5em;
& > div:last-child {
flex-shrink: 0;
}
`
const Divider = styled.span.attrs({
......
......@@ -23,28 +23,22 @@ const VersionTitleLink = styled(ProjectLink)`
`
const EditorItemLinks = ({ project, version }) => (
<StyledEditorItemLinks>
<ActionGroup>
<Action to={`/projects/${project.id}/versions/${version.id}/submit`}>
Summary Info
</Action>
<Action
to={`/projects/${project.id}/versions/${version.id}/decisions/${
project.id
}`}
>
{version.decision && version.decision.status === 'submitted'
? `Decision: ${version.decision.recommendation}`
: 'Control Panel'}
</Action>
</ActionGroup>
</StyledEditorItemLinks>
<ActionGroup>
<Action to={`/projects/${project.id}/versions/${version.id}/submit`}>
Summary Info
</Action>
<Action
to={`/projects/${project.id}/versions/${version.id}/decisions/${
project.id
}`}
>
{version.decision && version.decision.status === 'submitted'
? `Decision: ${version.decision.recommendation}`
: 'Control Panel'}
</Action>
</ActionGroup>
)
const StyledEditorItemLinks = styled.div`
flex-shrink: 0;
`
const getDeclarationsObject = (version, value) => {
const declarations = version.declarations || {}
return declarations[value] || 'no'
......
import React from 'react'
import { pickBy } from 'lodash'
import styled from 'styled-components'
import { Action, ActionGroup } from '@pubsweet/ui'
import Authorize from 'pubsweet-client/src/helpers/Authorize'
......@@ -8,10 +7,6 @@ import { Item, Header, Body } from '../molecules/Item'
import Status from '../Status'
import VersionTitle from './VersionTitle'
const StyledActions = styled.div`
flex-shrink: 0;
`
const OwnerItem = ({ project, version, deleteProject }) => {
const itemHeader = (
<Header>
......@@ -48,7 +43,7 @@ const OwnerItem = ({ project, version, deleteProject }) => {
const body = (
<Body>
<VersionTitle version={version} />
<StyledActions>{actions}</StyledActions>
{actions}
</Body>
)
......
Markdown is supported
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