Travel summary bar grey out

[dpdavids]

On a travel auth the top bar has purpose and dates etc. It looks like I should be able to edit these items (which I can't and that is correct) I am hoping we could grey out the fields or something so that it is obvious that the user can't do.

[klondikemarlen]

@dpdavids This is something that I've been wondering for a while. The library we are using Vuetify uses this formatting for "readonly" fields. There is also the "disabled" flag, but the contrast is so low that its very hard to read.

using readonly

using "disabled"

I think it might be a good idea to build display read only data completely differently? i.e. instead of making the look like a form field, why not just make it data? Like this but prettier:

[datajohnson]

I have been using this format for readonly fields and people seem to like it:

We can use this format for readonly fields throughout the app.

[klondikemarlen]

That makes sense to me, I even started using this pattern in the Internal Data Portal independently, so it must be a good pattern!

[dpdavids]

I like it! Sorry for the late response. way to keep it going!

[klondikemarlen]

Completed by @datajohnson in https://github.com/ytgov/travel-authorization/pull/81