[arvados-workbench2] updated: 2.4.0-414-gbe367b79
git repository hosting
git at public.arvados.org
Mon Dec 19 17:17:04 UTC 2022
Summary of changes:
src/views-components/main-app-bar/main-app-bar.tsx | 6 +++---
src/views-components/side-panel/side-panel.tsx | 21 ++++++++++++++++-----
src/views/workbench/workbench.tsx | 1 -
3 files changed, 19 insertions(+), 9 deletions(-)
via be367b79043799fba28e3546791e8ac3c90bacdc (commit)
from 05cafa96eea1840c14bed54f5a726e2c79d48a98 (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 be367b79043799fba28e3546791e8ac3c90bacdc
Author: Lisa Knox <lisaknox83 at gmail.com>
Date: Mon Dec 19 12:16:58 2022 -0500
styled panel-collapse icon Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox at curii.com>
diff --git a/src/views-components/main-app-bar/main-app-bar.tsx b/src/views-components/main-app-bar/main-app-bar.tsx
index fd0bc6ca..86aed88f 100644
--- a/src/views-components/main-app-bar/main-app-bar.tsx
+++ b/src/views-components/main-app-bar/main-app-bar.tsx
@@ -16,7 +16,6 @@ import { ReactNode } from "react";
import { AdminMenu } from "views-components/main-app-bar/admin-menu";
import { pluginConfig } from 'plugins';
import { CollapseLeftPanelTrigger } from 'views-components/side-panel/side-panel'
-// import { toggleSidePanel } from "store/store";
type CssRules = 'toolbar' | 'link';
@@ -26,7 +25,8 @@ const styles: StyleRulesCallback<CssRules> = () => ({
color: 'inherit'
},
toolbar: {
- height: '56px'
+ height: '56px',
+ paddingLeft: '0'
}
});
@@ -46,7 +46,7 @@ export const MainAppBar = withStyles(styles)(
(props: MainAppBarProps) => {
return <AppBar position="absolute">
<Toolbar className={props.classes.toolbar}>
- <CollapseLeftPanelTrigger sidepanelcollapsed={props.sidePanelIsCollapsed}
+ <CollapseLeftPanelTrigger sidePanelIsCollapsed={props.sidePanelIsCollapsed}
toggleSidePanel={props.toggleSidePanel}
/>
<Grid container justify="space-between">
diff --git a/src/views-components/side-panel/side-panel.tsx b/src/views-components/side-panel/side-panel.tsx
index 3c4d19f8..b4caef23 100644
--- a/src/views-components/side-panel/side-panel.tsx
+++ b/src/views-components/side-panel/side-panel.tsx
@@ -13,8 +13,6 @@ import { Grid, Tooltip, IconButton } from '@material-ui/core';
import { SidePanelButton } from 'views-components/side-panel-button/side-panel-button';
import { RootState } from 'store/store';
import MenuIcon from "@material-ui/icons/Menu";
-// import { IconButtonProps } from '@material-ui/core/IconButton';
-// import { toggleSidePanel } from 'store/store';
const DRAWER_WIDTH = 240;
@@ -49,10 +47,23 @@ export const SidePanel = withStyles(styles)(
</Grid>
));
-export const CollapseLeftPanelTrigger = (props) =>{
+type collapseButtonIconProps = {
+ sidePanelIsCollapsed: boolean;
+ toggleSidePanel: (collapsedState: boolean) => void
+}
+
+const collapseButtonIconStyles = {
+ menuIcon: {
+ height: '4rem',
+ width: '4rem',
+ paddingBottom: '0.25rem'
+ }
+}
+
+export const CollapseLeftPanelTrigger = (props: collapseButtonIconProps) =>{
return <Tooltip disableFocusListener title="Toggle Side Panel">
- <IconButton onClick={()=>{props.toggleSidePanel(props.sidepanelcollapsed)}}>
- <MenuIcon aria-label="Toggle Side Panel" />
+ <IconButton onClick={()=>{props.toggleSidePanel(props.sidePanelIsCollapsed)}}>
+ <MenuIcon style={collapseButtonIconStyles.menuIcon} aria-label="Toggle Side Panel" />
</IconButton>
</Tooltip>
};
\ No newline at end of file
diff --git a/src/views/workbench/workbench.tsx b/src/views/workbench/workbench.tsx
index 030ed6df..35105e56 100644
--- a/src/views/workbench/workbench.tsx
+++ b/src/views/workbench/workbench.tsx
@@ -99,7 +99,6 @@ import { RestoreCollectionVersionDialog } from 'views-components/collections-dia
import { WebDavS3InfoDialog } from 'views-components/webdav-s3-dialog/webdav-s3-dialog';
import { pluginConfig } from 'plugins';
import { ElementListReducer } from 'common/plugintypes';
-// import { toggleSidePanel } from 'store/store'
type CssRules = 'root' | 'container' | 'splitter' | 'asidePanel' | 'contentWrapper' | 'content';
-----------------------------------------------------------------------
hooks/post-receive
--
More information about the arvados-commits
mailing list