[arvados] created: 2.7.0-6806-g965b1e7637
git repository hosting
git at public.arvados.org
Fri May 31 18:10:28 UTC 2024
at 965b1e76370c9ddc27b3f2d06182800550c98eb8 (commit)
commit 965b1e76370c9ddc27b3f2d06182800550c98eb8
Author: Lisa Knox <lisaknox83 at gmail.com>
Date: Fri May 31 14:10:16 2024 -0400
21765: changed dialog height and fixed scrolling in project picker
Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox at curii.com>
diff --git a/services/workbench2/src/components/form-dialog/form-dialog.tsx b/services/workbench2/src/components/form-dialog/form-dialog.tsx
index b50504a6c0..719fa57b4c 100644
--- a/services/workbench2/src/components/form-dialog/form-dialog.tsx
+++ b/services/workbench2/src/components/form-dialog/form-dialog.tsx
@@ -62,6 +62,7 @@ export const FormDialog = withStyles(styles)((props: DialogProjectProps) =>
disableBackdropClick
disableEscapeKeyDown={props.submitting}
fullWidth
+ scroll='paper'
maxWidth='md'>
<form data-cy='form-dialog' className={props.classes.form}>
<DialogTitle className={props.classes.dialogTitle}>
diff --git a/services/workbench2/src/views-components/projects-tree-picker/projects-tree-picker.tsx b/services/workbench2/src/views-components/projects-tree-picker/projects-tree-picker.tsx
index 16f6cceb71..743467c79c 100644
--- a/services/workbench2/src/views-components/projects-tree-picker/projects-tree-picker.tsx
+++ b/services/workbench2/src/views-components/projects-tree-picker/projects-tree-picker.tsx
@@ -85,9 +85,9 @@ type CssRules = 'pickerHeight' | 'searchFlex' | 'scrolledBox';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
pickerHeight: {
- height: "100%",
display: "flex",
flexDirection: "column",
+ overflowY: "auto",
},
searchFlex: {
display: "flex",
diff --git a/services/workbench2/src/views-components/projects-tree-picker/tree-picker-field.tsx b/services/workbench2/src/views-components/projects-tree-picker/tree-picker-field.tsx
index 75cf40c641..8a0793ac11 100644
--- a/services/workbench2/src/views-components/projects-tree-picker/tree-picker-field.tsx
+++ b/services/workbench2/src/views-components/projects-tree-picker/tree-picker-field.tsx
@@ -15,7 +15,7 @@ import { Dispatch } from "redux";
export const ProjectTreePickerField = (props: WrappedFieldProps & PickerIdProp) =>
<div style={{ display: 'flex', minHeight: 0, flexDirection: 'column' }}>
- <div style={{ flexBasis: '275px', flexShrink: 1, minHeight: 0, display: 'flex', flexDirection: 'column' }}>
+ <div style={{ flexBasis: '960px', flexShrink: 1, minHeight: 0, display: 'flex', flexDirection: 'column' }}>
<ProjectsTreePicker
pickerId={props.pickerId}
toggleItemActive={handleChange(props)}
-----------------------------------------------------------------------
hooks/post-receive
--
More information about the arvados-commits
mailing list