[ui] Make gantt boxes wider in non-timed views (#20976)

Fixes #20482 ## Summary & Motivation ![image](https://github.com/dagster-io/dagster/assets/1037212/1a88a461-c877-4b79-a6c8-1f29db90598b) ![image](https://github.com/dagster-io/dagster/assets/1037212/78b46042-817f-45cb-9698-53a0e0f388ff) ## How I Tested These Changes --------- Co-authored-by: bengotow <[email protected]>
dagster-io · Apr 3, 2024 · 87dfd5e · 87dfd5e · github-actions · Apr 3, 2024
1 parent 6b1a69b
commit 87dfd5e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/js_modules/dagster-ui/packages/ui-core/src/gantt/Constants.ts b/js_modules/dagster-ui/packages/ui-core/src/gantt/Constants.ts
@@ -56,7 +56,7 @@ export const FLAT_INSET_FROM_PARENT = 16;
 export const BOX_HEIGHT = 34;
 export const BOX_MARGIN_Y = 5;
 export const BOX_SPACING_X = 20;
-export const BOX_WIDTH = 100;
+export const BOX_WIDTH = 200;
 export const BOX_DOT_WIDTH_CUTOFF = 8;
 export const BOX_SHOW_LABEL_WIDTH_CUTOFF = 30;
 export const BOX_DOT_SIZE = 6;

diff --git a/js_modules/dagster-ui/packages/ui-core/src/gantt/__tests__/GanttChartLayout.test.ts b/js_modules/dagster-ui/packages/ui-core/src/gantt/__tests__/GanttChartLayout.test.ts
@@ -28,7 +28,7 @@ describe('toGraphQueryItems', () => {
       key: 'depends_on_nothing',
       root: true,
       state: undefined,
-      width: 100,
+      width: 200,
       x: 16,
       y: 0,
     });
@@ -37,8 +37,8 @@ describe('toGraphQueryItems', () => {
       key: 'depends_on_yesterday',
       root: false,
       state: undefined,
-      width: 100,
-      x: 152,
+      width: 200,
+      x: 252,
       y: 1,
     });
   });