Uploaded image for project: 'Compass '
  1. Compass
  2. COMPASS-7728

Update UI with long filter renders a tiny preview

    • Type: Icon: Bug Bug
    • Resolution: Fixed
    • Priority: Icon: Major - P3 Major - P3
    • 1.42.3
    • Affects Version/s: 1.42.2
    • Component/s: None
    • None
    • Environment:
      OS: macOS
      node.js / npm versions:
      Additional info:
    • Developer Tools
    • 1
    • Not Needed
    • Iteration Wendiceratops

      Problem Statement/Rationale

      When you use the newish update functionality with a long filter query, the filter is rendered in a single line making the right column where the preview is extremely small and unfortunately unusable.

      Please be sure to attach relevant logs with any sensitive data redacted.
      n/a

      Steps to Reproduce

      Query some collection with a filter that includes multiple fields. Press the "Update" button and see how the UI is rendered.

      Expected Results

      The filter should be rendered in multiple lines and the left and right columns should always be 50% of the screen width.

      Additionally, it would be nice to be able to resize this window, and even drag the seperator between to columns to adjust their width.

      Actual Results

      The filter is rendered in a single line and the right column is rendered with very little with making the preview unusable, see the attached screenshot.

      Additional Notes

      Any additional information that may be useful to include.

            Assignee:
            leroux.bodenstein@mongodb.com Le Roux Bodenstein
            Reporter:
            einar@noona.is Einar Leifsson
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: