fix(ui-mode): make UI Mode projects scrollable (#28438)

Fixes #28393 https://github.com/microsoft/playwright/assets/17984549/5791e422-f4e6-4202-b66c-b77bbb476c04
microsoft · Nov 30, 2023 · 8efa8db · 8efa8db
1 parent f214550
commit 8efa8db
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/trace-viewer/src/ui/uiModeView.tsx b/packages/trace-viewer/src/ui/uiModeView.tsx
@@ -316,7 +316,7 @@ const FiltersView: React.FC<{
       <span className='filter-label'>Status:</span> {statusLine}
       <span className='filter-label'>Projects:</span> {projectsLine}
     </div>
-    {expanded && <div className='hbox' style={{ marginLeft: 14 }}>
+    {expanded && <div className='hbox' style={{ marginLeft: 14, maxHeight: 200, overflowY: 'auto' }}>
       <div className='filter-list'>
         {[...statusFilters.entries()].map(([status, value]) => {
           return <div className='filter-entry'>