[COMPASS-5362] Broken UI when opening query history Created: 13/Dec/21  Updated: 29/Oct/23  Resolved: 01/Feb/22

Status: Closed
Project: Compass
Component/s: UI / UX
Affects Version/s: None
Fix Version/s: 1.31.0

Type: Bug Priority: Major - P3
Reporter: Claudia De Angelis Assignee: Rhys Howell
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: GIF File Dec-13-2021 10-28-35.gif     PNG File Design.png     PNG File Screenshot 2021-12-13 at 10.46.45.png     PNG File Screenshot 2021-12-16 at 15.22.33.png    
Story Points: 2
Documentation Changes: Not Needed
Sprint: Iteration Tokyo

 Description   

Problem Statement/Rationale

The UI in broken in the document view after opening the recent queries panel.

Steps to Reproduce

Open the query history from the document view and observe.

Expected Results

buttons and text in the buttons still properly placed.

Chatting w/ Claudia lets:

  • Set a lower maximum width for resizing the sidebar.
  • Have a minimum width for the crud view and aggregations view so that it horizontally scrolls under a certain size.
  • Lets visit the styles of the crud view toolbar (refresh documents bar) and ensure it doesn't overflow when it's horizontally constrained. (We can drop the text in the `Refresh` button and the `Displaying` in the `Displaying Documents x of x` description).
     


 Comments   
Comment by Githook User [ 04/Feb/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: fix(compass-crud): Add minimum width to crud toolbar for content COMPASS-5362 (#2744)
Branch: 1.31-releases
https://github.com/mongodb-js/compass/commit/3afd418d4171e19f0e3153c7f82ea8ef485a9dca

Comment by Githook User [ 04/Feb/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: fix(compass-crud): Add minimum width to crud toolbar for content COMPASS-5362 (#2744)
Branch: mocha-automock-support
https://github.com/mongodb-js/compass/commit/3afd418d4171e19f0e3153c7f82ea8ef485a9dca

Comment by Githook User [ 03/Feb/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: fix(compass-crud): Add minimum width to crud toolbar for content COMPASS-5362 (#2744)
Branch: COMPASS-5417-sort-filters-on-entry-screen
https://github.com/mongodb-js/compass/commit/3afd418d4171e19f0e3153c7f82ea8ef485a9dca

Comment by Githook User [ 02/Feb/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: fix(compass-crud): Add minimum width to crud toolbar for content COMPASS-5362 (#2744)
Branch: instance-databases-e2e
https://github.com/mongodb-js/compass/commit/3afd418d4171e19f0e3153c7f82ea8ef485a9dca

Comment by Githook User [ 01/Feb/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: fix(compass-crud): Add minimum width to crud toolbar for content COMPASS-5362 (#2744)
Branch: compass-5413-open-agg-query
https://github.com/mongodb-js/compass/commit/3afd418d4171e19f0e3153c7f82ea8ef485a9dca

Comment by Githook User [ 01/Feb/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: fix(compass-crud): Add minimum width to crud toolbar for content COMPASS-5362 (#2744)
Branch: main
https://github.com/mongodb-js/compass/commit/3afd418d4171e19f0e3153c7f82ea8ef485a9dca

Generated at Wed Feb 07 22:39:18 UTC 2024 using Jira 9.7.1#970001-sha1:2222b88b221c4928ef0de3161136cc90c8356a66.