File Explorer Styling

[AminoffZ]

The Issue

On the initial load using the GitHub file explorer, the transition to include sizes is relatively smooth. When navigating in the file tree, the updating of the DOM for sizes takes a moment which results in jittering due to there being more columns than there is content to fill.

Progress

To address this, I added quite extensive CSS which fixed the problem but reintroduced others like columns not being consistently wide and overflow ellipsis not applying. I have since moved these styles from main to the branch file-explorer-styling.

Without styles on redirect before sizes are loaded (date is shifted to the left due to missing elements)

With styles (columns are unaligned)

Without styles after sizes are loaded (looking adequate, could be better)