Skip to content

Fix alphanumeric sorting + various design tweaks

Axel Bocciarelli requested to merge fix-sort into main

I made separate commits:

  • Fix tooltip overflowing body

When you hover over an entry in the file browser until the popup appears, and then scroll quickly up until the tooltip leaves the screen, a scrollbar appears on the body which shifts the layout. The current overflow: hidden fix was on the wrong element. I moved it to the body.

  • Remove .h5.dataset extensions in file browser entries

Before: image After: image

  • Fix alphanumeric sorting algorithm (reported by Romain Talon)

The previous sorting was rudimentary, putting all upper case letters first and 10 before 2. I've switched to using Intl.Collator, which has excellent browser support.

Before: image After: image

  • Add spaces in vis title around the separator between the HDF5 container and the dataset name

Before: image After: image

  • Tweak file browser styles and extract error fallback

There was a bit too much horizontal padding in the file browser for my taste, including in the error fallback. While I was at it, I created the DirectoryErrorFallback component to streamline FileBrowser, and extracted the ErrorFallback styles into a CSS module.

Before: image After: image

Merge request reports

Loading