Skip to content

Improve layout and UI loading states

Axel Bocciarelli requested to merge ui-design into master

Sorry for the diff...

  • Re-add site title and make nav and breadcrumbs bars fluid so they take up the whole screen.

image

  • Clean up and improve footer (don't use a nav element, use custom CSS, centre logo+text)

image

  • Refactor and improve Loading component (rename to Loader, don't use absolute positioning, use CSS spinner, add variants for flexibility: inPanel, spacedOut, etc.)

image

image

  • Replace all occurrences of react-loader-advanced, which used to add an ugly overlay to elements while loading, with the refactored Loader component.
  • Fix a few bugs here and there (e.g. the form to add beamline managers used to allow submit with no user/beamline selected).
Edited by Axel Bocciarelli

Merge request reports

Loading