[arvados-workbench2] updated: 2.6.0-60-g68b5966b

git repository hosting git at public.arvados.org
Thu Jul 27 16:50:28 UTC 2023


Summary of changes:
 src/components/data-table/data-table.tsx | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

       via  68b5966bf4a5d80d6667abab421a4309ad688a38 (commit)
      from  507ae159f9c1eb0dd6a406a3987243aab7f05866 (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 68b5966bf4a5d80d6667abab421a4309ad688a38
Author: Lisa Knox <lisaknox83 at gmail.com>
Date:   Thu Jul 27 12:50:25 2023 -0400

    15768: checkbox css Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox at curii.com>

diff --git a/src/components/data-table/data-table.tsx b/src/components/data-table/data-table.tsx
index 7a9d95b0..effc46ab 100644
--- a/src/components/data-table/data-table.tsx
+++ b/src/components/data-table/data-table.tsx
@@ -64,6 +64,7 @@ type CssRules =
     | 'checkBoxHead'
     | 'checkBoxCell'
     | 'checkBox'
+    | 'firstTableCell'
     | 'tableCell'
     | 'arrow'
     | 'arrowButton'
@@ -106,6 +107,9 @@ const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
         paddingRight: '24px',
         color: '#737373',
     },
+    firstTableCell: {
+        paddingLeft: '5px',
+    },
     tableCellWorkflows: {
         '&:nth-last-child(2)': {
             padding: '0px',
@@ -293,11 +297,15 @@ export const DataTable = withStyles(styles)(
                         <Tooltip title={this.state.isSelected ? 'Deselect All' : 'Select All'}>
                             <input type='checkbox' className={classes.checkBox} checked={isSelected} onChange={this.handleSelectorSelect}></input>
                         </Tooltip>
-                        <DataTableMultiselectPopover name={`Options`} options={this.multiselectOptions} checkedList={checkedList}></DataTableMultiselectPopover>
+                        <DataTableMultiselectPopover
+                            name={`Options`}
+                            options={this.multiselectOptions}
+                            checkedList={checkedList}
+                        ></DataTableMultiselectPopover>
                     </div>
                 </TableCell>
             ) : (
-                <TableCell className={classes.tableCell} key={key || index}>
+                <TableCell className={index == 1 ? classes.firstTableCell : classes.tableCell} key={key || index}>
                     {renderHeader ? (
                         renderHeader()
                     ) : countNodes(filters) > 0 ? (
@@ -346,7 +354,13 @@ export const DataTable = withStyles(styles)(
                     {this.mapVisibleColumns((column, index) => (
                         <TableCell
                             key={column.key || index}
-                            className={currentRoute === '/workflows' ? classes.tableCellWorkflows : index === 0 ? classes.checkBoxCell : classes.tableCell}
+                            className={
+                                currentRoute === '/workflows'
+                                    ? classes.tableCellWorkflows
+                                    : index === 0
+                                    ? classes.checkBoxCell
+                                    : `${classes.tableCell} ${index === 1 ? classes.firstTableCell : ''}`
+                            }
                         >
                             {column.render(item)}
                         </TableCell>

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


hooks/post-receive
-- 




More information about the arvados-commits mailing list