Merge pull request #3488 from Snarling/touchScreenTailFix

UI: FIX #3341 Enable touch-clicks in react-draggable

src/ui/React/LogBoxManager.tsx

@@ -265,10 +265,22 @@ function LogWindow(props: IProps): React.ReactElement {
               </Typography>
 
               <Box position="absolute" right={0}>
-                {!workerScripts.has(script.pid) && <Button onClick={run}>Run</Button>}
+                {!workerScripts.has(script.pid) && (
-                {workerScripts.has(script.pid) && <Button onClick={kill}>Kill</Button>}
+                  <Button onClick={run} onTouchEnd={run}>
-                <Button onClick={minimize}>{minimized ? "\u{1F5D6}" : "\u{1F5D5}"}</Button>
+                    Run
-                <Button onClick={props.onClose}>Close</Button>
+                  </Button>
+                )}
+                {workerScripts.has(script.pid) && (
+                  <Button onClick={kill} onTouchEnd={kill}>
+                    Kill
+                  </Button>
+                )}
+                <Button onClick={minimize} onTouchEnd={minimize}>
+                  {minimized ? "\u{1F5D6}" : "\u{1F5D5}"}
+                </Button>
+                <Button onClick={props.onClose} onTouchEnd={props.onClose}>
+                  Close
+                </Button>
               </Box>
             </Box>
           </Paper>

src/ui/React/Overview.tsx

@@ -130,7 +130,14 @@ export function Overview({ children, mode }: IProps): React.ReactElement {
               size="small"
               className={classes.visibilityToggle}
             >
-              {<CurrentIcon className={classes.icon} color="secondary" onClick={() => setOpen((old) => !old)} />}
+              {
+                <CurrentIcon
+                  className={classes.icon}
+                  color="secondary"
+                  onClick={() => setOpen((old) => !old)}
+                  onTouchEnd={() => setOpen((old) => !old)}
+                />
+              }
             </Button>
           </Box>
         </Box>