Port files_versions to vue

[CarlSchwan]

Simplify code and make it use our standard components, will be helpful when adding more features in the future

After

[PVince81]

is the border shadow around the thumbnail on purpose ? are we using this style elsewhere ?

is it on purpose that the row buttons are more blue-ish than the ones in the header ?

[CarlSchwan]

is the border shadow around the thumbnail on purpose ? are we using this style elsewhere ?

Yeah I added them because otherwise the preview is just looking really weird for any text document (and files versions is primarely used for text documents)

Alternative we could add either a more subtle shadow or a simple border

@jancborchardt @nimishavijay what do you think?

is it on purpose that the row buttons are more blue-ish than the ones in the header ?

It's using secondary action type and not the ternary action type, not sure what is the appropriate here as we don't have any guidelines documented somewhere :(

[jancborchardt]

Yeah I added them because otherwise the preview is just looking really weird for any text document (and files versions is primarely used for text documents)

@CarlSchwan no problem, that's what we have border: 1px solid var(--color-border); for. ;) And remember the border radius too – just like we do for e.g. Mail attachments and the file list. (Is this a component yet?)

Drop shadow here does not really make sense as nothing is elevated. :) That is, the text linked with the preview would not have a drop shadow either.

[skjnldsv]

A few eslint issues to fix :)

[CarlSchwan]

Yeah I added them because otherwise the preview is just looking really weird for any text document (and files versions is primarely used for text documents)

@CarlSchwan no problem, that's what we have border: 1px solid var(--color-border); for. ;) And remember the border radius too – just like we do for e.g. Mail attachments and the file list. (Is this a component yet?)

Drop shadow here does not really make sense as nothing is elevated. :) That is, the text linked with the preview would not have a drop shadow either.

changed to a simple border :) and I updated the PR description with the latest visual

[artonge]

Beside the logger comment, feel free to ignore the others as they are not crucial :)

[skjnldsv]

@artonge added comments :)
But we're close to completion! 🚀

[artonge]

Rebased. Will merge when CI is green