Update item page #49
Update item page #49
Conversation
oliverroick
commented
Mar 26, 2025
oliverroick
commented
- Updates page header to match other pages
- Adds links (ref [STAC] Add Assets list and Links in HTML item page #43).
- Adds items assets (ref [STAC] Add Assets list and Links in HTML item page #43). The asset display is the same as the one on the collection page. Additional properties are shown in a disclosure, otherwise the page would be very long and convoluted.
- Updates the styling of item properties using columns and pretty print for property values, which makes complex JSON object more readable. (I'll update other pages to match this once the change is approved here)
- Update map positioning, it now stays in place when you scroll. (I'll update other pages to match this once the change is approved here)
| <p class="small text-monospace text-muted mb-0">{{ key }}</p> | ||
| {% if asset.title %}<p class="mb-0"><b>{{ asset.title }}</b></p>{% endif %} |
There was a problem hiding this comment.
What about skipping the title if it is the same as the asset key? I also think it would look good to make the asset key normal size and bolded, then italicize the title or something like that.
There was a problem hiding this comment.
Yeah, I'm not pleased with how that looks either. It's very convoluted and I'd like to revisit that at some point, maybe we can get some help from a designer.
In the meantime, I've tried your suggestion and it looks ... ok.
I've tried some other options as well.
Option A
Option B
Option C
I like Option A, because it has a clear header. What do you think?
There was a problem hiding this comment.
Option A looks good to me!
There was a problem hiding this comment.
Maybe we could get a designer to contribute to https://github.com/developmentseed/stac-fastapi-html-middleware
There was a problem hiding this comment.
Option A looks good to me!
Pushed the update with that option
There was a problem hiding this comment.
Maybe we could get a designer to contribute to https://github.com/developmentseed/stac-fastapi-html-middleware
I'll forward the change to the templates 😄
Co-authored-by: Henry Rodman <[email protected]>
