Skip to content

Conversation

@connellr023
Copy link

  • Made the sidebar on the left collapsible and expandable by clicking the SOAR logo. This is to increase the amount of usable space on the smaller screen.
  • Added confirmation modals when pressing any of the toggle switches to prevent mistakes from the "fat finger" problem.

// collapsed and expanded by clicking the soar logo.
// Additionally, there are confirmation modals
// when clicking the toggle switches.
export const miniRcu = writable(true);

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

how are we enabling this? I think it might be best to detect this based on screen size.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yea I can make this switch on at a certain screen size once we finalize the decision for which screen we go with.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would it also be possible to add dynamic scaling of the side and top bar depending on screen size? Right now the top and side bars are huge on smaller screens.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The side bar can be collapsed by pressing the SOAR logo in this PR. We can certainly make the top bar scale dynamically as well.

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.

3 participants