Improves rendering of Overpass data; add OSM link to Overpass popups (see #467) (#574)

- add some styling to the Overpass data table (alternating row colors; text alignment)
- add link to OSM object below the Overpass data table
- add 4 new entries in `en.json`
This commit is contained in:
Marcus Jaschen 2022-06-30 11:15:01 +02:00 committed by GitHub
parent d162f9814e
commit f68d32b1f2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 99 additions and 2 deletions

View file

@ -50,10 +50,48 @@ table.dataTable {
font-size: 1.2rem;
}
.overpass-tags th {
.overpass-tags th,
.overpass-tags td {
padding: 0.25em 0.5em;
vertical-align: top;
}
.overpass-tags thead {
text-transform: uppercase;
color: #666;
}
.overpass-tags thead tr {
background-color: #ddd;
}
.overpass-tags thead th.overpass-label-key {
text-align: right;
}
.overpass-tags tbody tr:nth-child(even) {
background-color: #eee;
}
.overpass-tags tbody tr:last-child {
border-bottom: 1px solid #eee;
}
.overpass-tags tbody th {
text-align: right;
font-weight: normal;
}
.overpass-osm-link {
margin-top: 0.5rem;
text-align: right;
font-size: 80%;
}
.overpass-osm-link::before {
content: '🔎';
margin-right: 0.25em;
}
.overpass-layer-icon .sign > * {
position: absolute;
top: -34px;