Fix style when resizing the dialog

Sage-Bionetworks · Jan 7, 2025 · 9b02791 · 9b02791
1 parent 63266f6
commit 9b02791
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/packages/synapse-react-client/src/style/components/entity_finder/_entity-finder.scss b/packages/synapse-react-client/src/style/components/entity_finder/_entity-finder.scss
@@ -36,11 +36,9 @@ $-splitter-width: 12px;
     &__MainPanel.MainPanelDualPane,
     &__MainPanel.MainPanelSearch,
     .MainPanelSelected {
-      // TODO: we removed react-base-table. What now?
-      // Hack to make the dialog responsive to the width of the entity finder
-      // We may be able to remove this if we remove/replace the EntityFinder's `AutoSizer` component with something other
-      // than the 'react-base-table' implementation
-      width: 85vw;
+      // Within a MUI Dialog, set the non-tree-only content width to the smaller of 1450px and 85% of the viewport width
+      // This prevents the dialog from resizing when switching between dual pane and search/selected tab modes
+      width: min(1450px, 85vw);
     }
   }
 }