Commit cdd60b36 authored by Aron Fiechter's avatar Aron Fiechter
Browse files

Change vertical sizing

parent f16f02b2
Pipeline #895 failed with stage
......@@ -22,14 +22,17 @@ export default function Main() {
}),
}}
>
<div className="vh-100 min-vh-100" style={{ paddingTop: '61px' }}>
<div style={{ maxHeight: '4%' }}>
<div
className="vh-100 min-vh-100 flex-column d-flex justify-content-start"
style={{ paddingTop: '61px' }}
>
<div className="flex-grow-0">
<QueryResult />
</div>
<div style={{ maxHeight: '66%' }}>
<Voronoi width={800} height={800} padding={5} />
<div className="flex-grow-0">
<Voronoi width={1200} height={1200} padding={5} />
</div>
<div style={{ height: '30%' }}>
<div className="flex-grow-0">
<YearRange />
</div>
</div>
......
......@@ -511,23 +511,21 @@ class Voronoi extends React.Component {
render() {
const { width, height } = this.props;
return (
<div className="pt-sm-0 pb-sm-3">
<Container id="voronoi-treemap">
<Row>
<Col xs={7}>
<svg
ref={(node) => (this.voronoiSvg = node)}
viewBox={`0 0 ${width} ${height}`}
overflow={'visible'}
/>
<Tooltip />
</Col>
<Col>
<Entity />
</Col>
</Row>
</Container>
</div>
<Container>
<Row>
<Col xs="7">
<svg
ref={(node) => (this.voronoiSvg = node)}
viewBox={`0 0 ${width} ${height}`}
overflow={'visible'}
/>
<Tooltip />
</Col>
<Col>
<Entity />
</Col>
</Row>
</Container>
);
}
}
......
......@@ -23,7 +23,7 @@ export default function Info(props) {
/>
)}
<Card.Header as={'h5'}>{node.title}</Card.Header>
<Card.Body style={{ maxHeight: hasImage ? '120px' : '450px', overflowX: 'scroll' }}>
<Card.Body style={{ maxHeight: hasImage ? '110px' : '440px', overflowX: 'scroll' }}>
<Card.Subtitle className="mb-3 text-muted">
{node.referenceCode} ({node.level})
</Card.Subtitle>
......
......@@ -77,12 +77,28 @@ export default function YearRange() {
type: 'shadow',
},
},
grid: {
top: 50,
},
dataZoom: [
{
type: 'inside',
type: 'slider',
height: 4,
bottom: 20,
borderColor: 'transparent',
backgroundColor: '#e2e2e2',
handleIcon:
'M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z', // jshint ignore:line
handleSize: 15,
handleStyle: {
shadowBlur: 6,
shadowOffsetX: 1,
shadowOffsetY: 2,
shadowColor: '#aaa',
},
},
{
type: 'slider',
type: 'inside',
},
],
xAxis: {
......@@ -115,8 +131,8 @@ export default function YearRange() {
};
return (
<Container id="timeline" className="h-100 pb-sm-5">
<ReactEcharts ref={chartRef} option={options} style={{ height: '100%', width: '100%' }} />
<Container className="pb-sm-1">
<ReactEcharts ref={chartRef} option={options} style={{ height: '140px', width: '100%' }} />
</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