[arvados-workbench2] updated: 2.4.0-368-g850ea77d

git repository hosting git at public.arvados.org
Mon Dec 5 23:50:16 UTC 2022


Summary of changes:
 .gitignore                                         |  1 +
 src/components/column-selector/column-selector.tsx | 12 ++++++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

       via  850ea77da5cce0b5c5a9308e3253a7118839863f (commit)
      from  c7b19963c9e3981673ef5744e2710bd266f2b7e2 (commit)

Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.


commit 850ea77da5cce0b5c5a9308e3253a7118839863f
Author: Lisa Knox <lisaknox83 at gmail.com>
Date:   Mon Dec 5 18:50:11 2022 -0500

    fixed padding in columnSelector items to render more on screen
     Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox at curii.com>

diff --git a/.gitignore b/.gitignore
index 6a564a2b..ead5e35a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -33,6 +33,7 @@ yarn-error.log*
 
 .idea
 .vscode
+/public/config.json
 
 # see https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
 .pnp.*
diff --git a/src/components/column-selector/column-selector.tsx b/src/components/column-selector/column-selector.tsx
index ba964502..f9331e06 100644
--- a/src/components/column-selector/column-selector.tsx
+++ b/src/components/column-selector/column-selector.tsx
@@ -17,13 +17,19 @@ interface ColumnSelectorDataProps {
     className?: string;
 }
 
-type CssRules = "checkbox";
+type CssRules = "checkbox" | "listItem" | "listItemText";
 
 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     checkbox: {
         width: 24,
         height: 24
     },
+    listItem: {
+        padding: 0
+    },
+    listItemText: {
+        paddingTop: '0.2rem'
+    }
 });
 
 export type ColumnSelectorProps = ColumnSelectorDataProps & WithStyles<CssRules>;
@@ -39,13 +45,15 @@ export const ColumnSelector = withStyles(styles)(
                             <ListItem
                                 button
                                 key={index}
+                                className={classes.listItem}
                                 onClick={() => onColumnToggle(column)}>
                                 <Checkbox
                                     disableRipple
                                     color="primary"
                                     checked={column.selected}
                                     className={classes.checkbox} />
-                                <ListItemText>
+                                <ListItemText 
+                                    className={classes.listItemText}>
                                     {column.name}
                                 </ListItemText>
                             </ListItem>

-----------------------------------------------------------------------


hooks/post-receive
-- 




More information about the arvados-commits mailing list