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

try suppressing subsequent list items

Browse Source
This commit is contained in:
Ed Chalstrey 2022-08-09 15:27:33 +01:00
parent 85322ef16d
commit fa88bad32f
2 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/src/frontend/building/edit-history/edit-history-latest.tsx
View File

@ -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>
</>
);

13
app/src/frontend/building/edit-history/edit-history.css
View File

@ -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;
}