opencaesar / oml-vision

A VS Code extension providing UI viewpoints for OML models
Other
4 stars 2 forks source link

Diagram mini map covers filter options when screen height is less than 510px #28

Open aematei opened 6 months ago

aematei commented 6 months ago

Checklist before submitting a bug report

Context

I noticed that the diagram mini map covers up the algorithm filter drop-down menu on small screens.

Steps to reproduce the bug

  1. Run extension in debug mode
  2. Shorten the view using developer tools (under 510px)
  3. Try to select the "Force" algorithm

Current result

Mini Map covers a portion of the filter section, rendering some options unreachable.

Expected result

Mini map should collapse when there is no room on the screen for it.

Additional context

[Any additional context. If applicable, you may provide screenshots and/or error logs.]

Possible fix

Use TailwindCSS or custom CSS to set a media query breakpoint and collapse the map into a small icon that doesn't cover the filter section up on small screens.

Technical data