Skip to content

Refactor UI#2

Open
pagreene wants to merge 28 commits into
labsyspharm:masterfrom
pagreene:refactor-ui
Open

Refactor UI#2
pagreene wants to merge 28 commits into
labsyspharm:masterfrom
pagreene:refactor-ui

Conversation

@pagreene

Copy link
Copy Markdown

This PR heavily refactors the Minerva UI, fully committing to using React-Bootstrap (and upgrading to bootstrap 5), and implementing a layered, github-like interface for browsing repos and images. The UI is now works well on both a computer and mobile device. Some instabilities were also fixed.

Behind the scenes, the component hierarchy was simplified to separate the different levels of navigation.

BUG NOTE: for some an unknown reason, OSDViewer isn't working.
NOTE: There is a bug where the navbars are being bumped off
the page, for an unknown reason.
This was a bug that resulted from the image element height being hard-coded.
It was fixed by leaning into the use of flex-boxes. See here for details:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant