Fix UI glitch

amborle · Jan 5, 2021 · 7199443 · 7199443
1 parent 151a945
commit 7199443
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/webapp/src/components/Board.tsx b/webapp/src/components/Board.tsx
@@ -553,9 +553,14 @@ class Board extends Component<Props, State> {
                                                         ]
                                                       })}
 
-                                                      <div className=" flex mt-1 w-2 h-16  flex-no-shrink   justify-center">
-                                                        <div className="flex font-bold text-xl showme   "><button className=" hover:text-gray-800 text-gray-500" onClick={() => this.setState({ showCreateSubWorkflowModal: true, createSubWorkflowWorkflowId: w.id })}>+</button></div>
-                                                      </div>
+                                                      {this.props.viewOnly && !this.props.demo ?
+                                                        <div className="flex mt-1 w-2 h-16  flex-no-shrink justify-center">
+                                                        </div>
+                                                        :
+                                                        <div className="flex mt-1 w-2 h-16  flex-no-shrink justify-center">
+                                                          <div className="flex font-bold text-xl showme"><button className=" hover:text-gray-800 text-gray-500" onClick={() => this.setState({ showCreateSubWorkflowModal: true, createSubWorkflowWorkflowId: w.id })}>+</button></div>
+                                                        </div>
+                                                      }
                                                       {providedDroppable.placeholder}
 
                                                     </div>