[ARVADOS-WORKBENCH2] updated: 1.1.4-176-g69a166d

[Git user]

Summary of changes:
 src/views-components/details-panel/details-panel.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

       via  69a166d7f4e7768cfa79c133b45b3e6f7601e9b7 (commit)
      from  7cc553052bd1abb3de3916f0c371224699fc6264 (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 69a166d7f4e7768cfa79c133b45b3e6f7601e9b7
Author: Artur Janicki <artur.janicki at contractors.roche.com>
Date:   Tue Jul 3 14:40:16 2018 +0200

    #13704: add effects for opening the panel
    
    Feature #13704
    
    Arvados-DCO-1.1-Signed-off-by: Janicki Artur <artur.janicki at contractors.roche.com>

diff --git a/src/views-components/details-panel/details-panel.tsx b/src/views-components/details-panel/details-panel.tsx
index 4bee846..ac4b151 100644
--- a/src/views-components/details-panel/details-panel.tsx
+++ b/src/views-components/details-panel/details-panel.tsx
@@ -39,7 +39,7 @@ class DetailsPanel extends React.Component<DetailsPanelProps & WithStyles<CssRul
 		const { classes, toggleDrawer, isOpened } = this.props;
 		const { tabsValue } = this.state;
         return (
-            <div className={classes.container}>
+            <div className={classnames([classes.container, { [classes.opened]: isOpened }])}>
 				<Drawer variant="persistent" anchor="right" open={isOpened} onClose={() => toggleDrawer(false)}
                     classes={{
                         paper: classes.drawerPaper
@@ -105,16 +105,22 @@ class DetailsPanel extends React.Component<DetailsPanelProps & WithStyles<CssRul
 
 }
 
-type CssRules = 'drawerPaper' | 'container' | 'headerContainer' 
+type CssRules = 'drawerPaper' | 'container' | 'opened' | 'headerContainer' 
 	| 'tabsIndicator' | 'tabRoot' | 'tabContainer' | 'tabSelected' | 'gridLabel';
 
 const drawerWidth = 320;
 const purple = '#692498';
 const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
 	container: {
+        width: 0,
 		position: 'relative',
-		height: 'auto'
-	},
+        height: 'auto',
+        transition: 'width 0.5s ease',
+        '&$opened': {
+            width: drawerWidth
+        }
+    },
+    opened: {},
     drawerPaper: {
         position: 'relative',
         width: drawerWidth

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


hooks/post-receive
--