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

Update Explain Plan toolbar to Leafy Green, implement new designs

    • Type: Icon: Task Task
    • Resolution: Done
    • Priority: Icon: Major - P3 Major - P3
    • 1.32.3
    • Affects Version/s: None
    • Component/s: None
    • None
    • 3
    • Not Needed
    • Iteration Cuttlefish, Iteration Dolphin, Iteration Eel

      Let's update the explain plan toolbar component to use Leafy Green components and implement the new designs (mocks linked below). Ensure the current toolbar functions as normal and the new toolbar is hidden behind the `COMPASS_SHOW_NEW_TOOLBARS` feature flag.

      Explain plan package: https://github.com/mongodb-js/compass/tree/main/packages/compass-explain-plan

      Mocks: https://www.figma.com/file/vbjoD4dcisPYRYJ5RRu72k/Compass-LG?node-id=834%3A30670

      Let's follows the conventions from: https://docs.google.com/document/d/1ZLz_DJYpwTiS_DiPcQMKoLoz2iNxSsMKRTuXXxHb6ak/edit# when making changes.

            Assignee:
            rhys.howell@mongodb.com Rhys Howell
            Reporter:
            rhys.howell@mongodb.com Rhys Howell
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: