a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Legend logo to top of box

Browse Source
This commit is contained in:
Tom Russell 2019-04-28 15:57:30 +01:00
parent 1c58a3b5f4
commit 00a9b6ab30
1 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
app/src/frontend/legend.js
View File

@ -102,24 +102,6 @@ const Legend = (props) => {
const elements = details.elements;
return (
<div className="map-legend">
<h4 className="h4">{ title }</h4>
{
details.description?
<p>{details.description}</p>
: null
}
{
elements.length?
(<ul className="data-legend">
{
elements.map((data_item) => (
<LegendItem {...data_item} key={data_item.color} />
))
}
</ul>)
: (<p className="data-intro">Coming soon…</p>)
}
<div className="logo">
<div className="grid">
<div className="row">
@ -146,6 +128,23 @@ const Legend = (props) => {
<span>London</span>
</h3>
</div>
<h4 className="h4">{ title }</h4>
{
details.description?
<p>{details.description}</p>
: null
}
{
elements.length?
(<ul className="data-legend">
{
elements.map((data_item) => (
<LegendItem {...data_item} key={data_item.color} />
))
}
</ul>)
: (<p className="data-intro">Coming soon…</p>)
}
</div>
);
}