- Add failure state when data for an image can not be loaded
- Add clear button to selected state
- Updates to UI to support more compact usage
- Improved gallery focus styles
- Inlined icons
Add failure state when data for an image can not be loaded
We found it annoying that fetching data for a selection could fail, but there was no visual indication that this occurred. To remedy that, we've added a failure state when information for a photo can not be loaded:
Add clear button to selected state
It was frustrating that there was no obvious cue to clear a selection, so we've added one to the selected state:
Updates to UI to support more compact usage
The experience re-sizing an instance of Ars wasn't great. The default text "Pick a different photo" took up a lot of horizontal space. We've made this text shorter and dropped action buttons to a second line. This allows Ars to be used in narrower configurations, even as low as 150px wide:
Improved gallery focus styles
It was confusing and bad for accessibility to have a lime green focus state and gold selection state. We've updated the focus state to be clearer and more visually distinct:
Inlined Icons
While there is no visual change to Ars icons, they are now inlined as SVG. There is no longer a need to copy over icons when installing this project.