[arvados-workbench2] updated: 2.7.0-235-g8228d441

git repository hosting git at public.arvados.org
Wed Nov 15 20:32:27 UTC 2023


Summary of changes:
 .../side-panel/side-panel-collapsed.tsx               | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

       via  8228d441690ed78340e1a44f3e0bf8b4f94215a0 (commit)
      from  30e91748f6f3202604f3a19d1aa7ddf02ffd149e (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 8228d441690ed78340e1a44f3e0bf8b4f94215a0
Author: Lisa Knox <lisaknox83 at gmail.com>
Date:   Wed Nov 15 15:32:21 2023 -0500

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

diff --git a/src/views-components/side-panel/side-panel-collapsed.tsx b/src/views-components/side-panel/side-panel-collapsed.tsx
index 0f43fb71..18e4df25 100644
--- a/src/views-components/side-panel/side-panel-collapsed.tsx
+++ b/src/views-components/side-panel/side-panel-collapsed.tsx
@@ -23,15 +23,14 @@ import {
 import { navigateToUserVirtualMachines } from 'store/navigation/navigation-action'
 import { RouterAction } from 'react-router-redux'
 
-type CssRules = 'root' | 'unselected' | 'selected'
+type CssRules = 'button' | 'unselected' | 'selected'
 
 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
-    root: {
+    button: {
         width: '40px',
         height: '40px',
-        // padding: '1rem'
-        paddingLeft: '-1rem',
-        marginLeft: '-0.3rem',
+        paddingLeft: '-2rem',
+        marginLeft: '-0.6rem',
         marginBottom: '-1rem'
     },
     unselected: {
@@ -128,24 +127,22 @@ export const SidePanelCollapsed = withStyles(styles)(
             else navTo(cat.navTarget)
         }
 
-        const { root, unselected, selected } = classes
+        const { button, unselected, selected } = classes
         return (
-            <List data-cy="side-panel-collapsed" className={root}>
+            <List data-cy="side-panel-collapsed">
                 {sidePanelCollapsedCategories.map((cat) => (
                     
                     <ListItem
                         key={cat.name}
                         data-cy={`collapsed-${cat.name.toLowerCase().replace(/\s+/g, '-')}`}
-                        className={selectedPath === cat.name ? selected : unselected}
                         onClick={() => handleClick(cat)}
                         >
                         <Tooltip
+                            className={selectedPath === cat.name ? selected : unselected}
                             title={cat.name}
                             disableFocusListener
                             >
-                    <IconButton className={root}>
-                            {cat.icon}
-                            </IconButton>
+                            <IconButton className={button}>{cat.icon}</IconButton>
                         </Tooltip>
                     </ListItem>
                 ))}

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


hooks/post-receive
-- 




More information about the arvados-commits mailing list