Commit 6f89cc56 authored by Aron Fiechter's avatar Aron Fiechter
Browse files

Minor changes to YearRange, Voronoi, Info

parent abc1eb97
......@@ -510,7 +510,7 @@ class Voronoi extends React.Component {
render() {
const { width, height } = this.props;
return (
<div className="pt-sm-5 pb-sm-5">
<div className="pt-sm-2 pb-sm-5">
<Container>
<Row>
<Col xs={7}>
......
......@@ -13,24 +13,24 @@ export default function Info(props) {
<Card style={{ width: '100%' }}>
{node.hasImage && (
<Card.Img
variant='top'
variant="top"
src={`data:image/jpeg;base64,${node.customFields.bildAnsicht.value}`}
/>
)}
<Card.Header as={'h5'}>{node.title}</Card.Header>
<Card.Body>
<Card.Subtitle className='mb-3 text-muted'>
<Card.Subtitle className="mb-3 text-muted">
{node.referenceCode} ({node.level})
</Card.Subtitle>
<Card.Subtitle className='mb-2 text-muted'>{node.creationPeriod.text}</Card.Subtitle>
<Card.Subtitle className="mb-2 text-muted">{node.creationPeriod.text}</Card.Subtitle>
{node.withinInfo &&
node.withinInfo.split('\n').map((para) => <Card.Text>{para} </Card.Text>)}
</Card.Body>
<ListGroup variant='flush'>
<ListGroup variant="flush">
{node.customFields.digitaleVersion &&
node.customFields.digitaleVersion.map((content) => (
<ListGroup.Item>
<Card.Link target='_blank' href={`${content.url}`}>
<Card.Link target="_blank" href={`${content.url}`}>
{content.text}
</Card.Link>
</ListGroup.Item>
......@@ -40,9 +40,9 @@ export default function Info(props) {
<Card.Footer>
<Button
style={{ width: '100%' }}
target='_blank'
target="_blank"
href={`https://www.recherche.bar.admin.ch/recherche/link/en/archive/unit/${node.archiveRecordId}`}
variant='secondary'
variant="secondary"
>
{' '}
Open in the Archive
......@@ -51,11 +51,3 @@ export default function Info(props) {
</Card>
);
}
//
// <Card.Text>
// Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu tempus ex. Etiam ut velit
// fermentum, aliquam mauris sed, ultrices nulla. Etiam rutrum urna nec erat molestie, eget
// aliquet erat dignissim.
// </Card.Text>
......@@ -6,6 +6,7 @@ import { selectNodes, selectResultsById } from '../navbar/querySlice';
import { useDebouncedCallback } from 'use-debounce';
import config from '../../config';
import logger from '../../utils/logger';
import Container from 'react-bootstrap/Container';
export default function YearRange() {
const dispatch = useDispatch();
......@@ -59,9 +60,6 @@ export default function YearRange() {
type: 'shadow',
},
},
grid: {
bottom: 90,
},
dataZoom: [
{
type: 'inside',
......@@ -100,14 +98,12 @@ export default function YearRange() {
};
return (
<div className="container">
<Container>
<ReactEcharts
ref={chartRef}
option={options}
style={{ height: '200px', width: '100%', marginTop: '-50px' }}
opts={{ renderer: 'svg' }}
className="bar_chart"
/>
</div>
</Container>
);
}
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