Merge pull request #456 from hrntsm/main

Update Box in TrialListDetail scrollable
optuna · May 17, 2023 · dc4a11c · dc4a11c
2 parents 7a18a54 + 3b14ebd
commit dc4a11c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/optuna_dashboard/ts/components/TrialFormWidgets.tsx b/optuna_dashboard/ts/components/TrialFormWidgets.tsx
@@ -144,6 +144,7 @@ const UpdatableFormWidgets: FC<{
           marginBottom: theme.spacing(2),
           margin: theme.spacing(0, 1, 1, 0),
           p: theme.spacing(1),
+          maxWidth: "1000px",
         }}
       >
         {widgetStates.map((ws) => ws.render())}
@@ -379,6 +380,7 @@ const ReadonlyFormWidgets: FC<{
           marginBottom: theme.spacing(2),
           margin: theme.spacing(0, 1, 1, 0),
           p: theme.spacing(1),
+          maxWidth: "1000px",
         }}
       >
         {formWidgets.widgets.map((widget, i) => {

diff --git a/optuna_dashboard/ts/components/TrialList.tsx b/optuna_dashboard/ts/components/TrialList.tsx
@@ -229,10 +229,12 @@ const TrialListDetail: FC<{
               ? "rgba(255, 255, 255, 0.05)"
               : "rgba(0, 0, 0, 0.05)",
           width: "100%",
+          maxHeight: "150px",
+          overflow: "auto",
           p: theme.spacing(0.5, 1),
           borderRadius: theme.shape.borderRadius * 0.2,
           display: "flex",
-          alignItems: "center",
+          whiteSpace: "nowrap",
         }}
       >
         {value}