Kirby displays an “unsaved changes” bar if a field has been updated locally but it’s never clear to the user which fields actually differ from the server version. This is especially true when coming back to a page after a while without remembering what might have changed.
It would be helpful to either list the changed fields in the save bar itself or to add an indicator to the field that it has been updated.
Maybe an orange outline in the same color as the save bar would do the trick? That would make it pretty obvious at first glance what fields are changed without adding too much clutter to the UI. It should just be distinguishable from the red “error” outline.
There should be an additional indicator that’s not color-based, I think.
@Nils Hörrmann do you already have an idea for a non-color indicator?
@Nico @Nils Hörrmann Maybe the field label would make a good place for this (e.g. displaying a small pen item after its name)? That would certainly make it easier for field developers, as such an indicator would work with any field design and would not interfere with the actual input.
@Nico I thought of a dot like for an unread email.
@Nils Hörrmann My way of thinking was too complicated, I’d prefer an “unread dot”, it should be well-suited for that purpose. Just 2 quick mockups, how this could look like. I like the idea with the orange outline, because it makes it way more obvious when scrolling through a long panel view, but the big drawback is, that it won’t work with any field design (e.g. structure, editor) and adds too much visual clutter to the UI.
A nice bonus would be, if that little dot was clickable, showing a confirm dialog and (in the future) could also show a diff between the old and new value of that field.
With this feature, it would be awesome to be able to revert a single field to its stored value too. Maybe by clicking on the change indicator «click to revert» ?