feat: Comp On/Off - CSS styling

tv2 · Nov 12, 2021 · f981d77 · f981d77
1 parent d3f816a
commit f981d77
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 2 deletions.
diff --git a/client/assets/css/ChanStripFull.css b/client/assets/css/ChanStripFull.css
@@ -137,6 +137,30 @@
     font-size: 14px;
 }
 
+.parameter-button-text {
+    list-style-type: none;
+    text-align: center;
+    margin-top: 70px;
+    line-height: 10px;
+    font-size: 14px;
+}
+.parameter-button {
+    margin-left: -68px;
+    margin-top: 60px;
+    outline: none;
+    -moz-outline: none;
+    margin-left: 3px;
+    margin-right: 3px;
+    margin-top: 3px;
+    color: white;
+    height: 50px;
+    width: 60px;
+    font-size: 105%;
+    background-color: rgb(80, 80, 80);
+    border-radius: 7px;
+    border-color: rgb(99, 99, 99);
+}
+
 .parameter-text > .parameter-mini-text,
 .content > .parameter-mini-text {
     list-style-type: none;

diff --git a/client/components/ChanStripFull.tsx b/client/components/ChanStripFull.tsx
@@ -650,9 +650,12 @@ class ChanStripFull extends React.PureComponent<
         let value = this.props.fader[this.props.faderIndex][fxParam]?.[0]
         return (
             <div className="parameter-text">
-                {window.mixerProtocol.channelTypes[0].fromMixer[fxParam][0]
-                    .label ?? ''}
+                <div className="parameter-button-text">
+                    {window.mixerProtocol.channelTypes[0].fromMixer[fxParam][0]
+                        .label ?? ''}
+                </div>
                 <button
+                    className="parameter-button"
                     onClick={(event: any) => {
                         this.handleFx(
                             fxParam,