Merge pull request #1416 from Shuffle/revert-1412-main

Revert "parse video link from markdown and fix for the wokflow page"

frontend/src/views/AngularWorkflow.jsx

@@ -14697,6 +14697,7 @@ const AngularWorkflow = (defaultprops) => {
     right: 0,
     left: isMobile ? 20 : leftBarSize + 20,
     top: isMobile ? 30 : appBarSize + 20,
+	pointerEvents: "none",
   }
 
 
@@ -14717,6 +14718,7 @@ const AngularWorkflow = (defaultprops) => {
       <div style={topBarStyle}>
         <div style={{ 
 			margin: "0px 10px 0px 10px",
+			pointerEvents: "none",
 		}}>
           <Breadcrumbs
             aria-label="breadcrumb"
@@ -14741,6 +14743,7 @@ const AngularWorkflow = (defaultprops) => {
             </Link>
             <h2 style={{ 
 				margin: 0,
+				pointerEvents: "none",
 			}}>{workflow.name}</h2>
           </Breadcrumbs>
 

frontend/src/views/Docs.jsx

@@ -102,35 +102,6 @@ export const CopyToClipboard = (props) => {
     )
 }
 
-export const Paragrah = (props) => {
-    const element = React.createElement(
-        `p`,
-        {},
-        props.children,
-    )
-
-    if (props.children[0] != undefined) {
-        if(typeof props.children[0] === "string") {
-            if (props.children[0].includes('.mp4')) {
-                return (
-                    <div>
-                        <video width="640" height="480" controls>
-                            <source src={`${props.children[0]}`} type="video/mp4" />
-                        </video>
-                    </div>
-                )
-            }
-        }
-    }
-
-
-    return (
-        <div class="sdf">
-            {element}
-        </div>
-    )
-}
-
 export const OuterLink = (props) => {
     if (props.href.includes("http") || props.href.includes("mailto")) {
         return (
@@ -610,8 +581,8 @@ const Docs = (defaultprops) => {
         position: "sticky",
         top: 50,
         paddingTop: "0.25em",
-        minHeight: "95vh",
-        maxHeight: "95vh",
+        minHeight: "93vh",
+        maxHeight: "93vh",
         overflowX: "hidden",
         overflowY: "auto",
         zIndex: 1000,
@@ -969,8 +940,7 @@ const Docs = (defaultprops) => {
         h4: Heading,
         h5: Heading,
         h6: Heading,
-        a:  OuterLink,
-        p:  Paragrah,
+        a: OuterLink,
     }
 
 
@@ -1218,7 +1188,7 @@ const Docs = (defaultprops) => {
 
     // Padding and zIndex etc set because of footer in cloud.
     const loadedCheck = (
-        <div style={{ minHeight: 1000, zIndex: 50000, maxWidth: 1920, minWidth: isMobile ? null : 1366, margin: "auto", }}>
+        <div style={{ minHeight: 1000, paddingTop: "60px", zIndex: 50000, maxWidth: 1920, minWidth: isMobile ? null : 1366, margin: "auto", }}>
             <BrowserView>{postDataBrowser}</BrowserView>
             <MobileView>{postDataMobile}</MobileView>
         </div>