diff --git a/app/src/frontend/building/edit-history/edit-history-latest.tsx b/app/src/frontend/building/edit-history/edit-history-latest.tsx index 88817271..0abe5cef 100644 --- a/app/src/frontend/building/edit-history/edit-history-latest.tsx +++ b/app/src/frontend/building/edit-history/edit-history-latest.tsx @@ -30,10 +30,12 @@ const EditHistoryLatest: React.FunctionComponent<EditHistoryLatestProps> = (prop return ( <> - <ul className="edit-history-list" - <li key={`${history[0].revision_id}`} className="edit-history-list-element"> - <BuildingEditLatest historyEntry={history[0]} /> - </li> + <ul className="edit-history-first" id="first-only"> + {history && history.map(entry => ( + <li key={`${entry.revision_id}`} className="edit-history-list-element"> + <BuildingEditLatest historyEntry={entry} /> + </li> + ))} </ul> </> ); diff --git a/app/src/frontend/building/edit-history/edit-history.css b/app/src/frontend/building/edit-history/edit-history.css index 8aa5cfe2..0af988cb 100644 --- a/app/src/frontend/building/edit-history/edit-history.css +++ b/app/src/frontend/building/edit-history/edit-history.css @@ -5,4 +5,17 @@ .edit-history-list { list-style: none; padding-left: 1rem; +} + +ul[id="first-only"] li{ + color: black; + display: none; + position: absolute; + font-size: 30px; +} +ul[id="first-only"] li:first-of-type { + color: black; + display: block; + position: absolute; + font-size: 30px; } \ No newline at end of file