feat: chanStrip slide in-out fdrom left

olzzon · Feb 4, 2020 · 983cefb · 983cefb
1 parent f6872db
commit 983cefb
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/client/assets/css/Channels.css b/client/assets/css/Channels.css
@@ -5,6 +5,16 @@
     min-height: 760px;
 }
 
+.channels-body > .closedChanStrip {
+    margin-left: -630px;
+    transition: margin 300ms;
+}
+
+.channels-body > .openChanStrip {
+    margin-left: 0px;
+    transition: margin 800ms;
+}
+
 .channels-mix-body {
     position: fixed;
     z-index: 2;

diff --git a/client/components/Channels.tsx b/client/components/Channels.tsx
@@ -73,10 +73,14 @@ class Channels extends React.Component<IChannelsInjectProps & Store> {
                 :
                 null
             }
-            {(this.props.settings.showChanStrip >= 0  || this.props.settings.offtubeMode) ?
-                <ChanStrip faderIndex={this.props.settings.showChanStrip}/>
+            {(this.props.settings.showChanStrip >= 0) ?
+                <div className="openChanStrip">
+                    <ChanStrip faderIndex={this.props.settings.showChanStrip}/>
+                </div>
                 :
-                null
+                <div className="closedChanStrip">
+                    <ChanStrip faderIndex={this.props.settings.showChanStrip}/>
+                </div>
             }
             {(this.props.settings.showMonitorOptions >= 0) ?
                 <ChannelMonitorOptions faderIndex={this.props.settings.showMonitorOptions}/>