feat(client): new fancy background for intro

SoftVarE-Group · Dec 13, 2023 · 03e3af8 · 03e3af8
1 parent c74d4bd
commit 03e3af8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/WebSocketClient/index.html b/WebSocketClient/index.html
@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="split.css">
     <link rel="stylesheet" href="./node_modules/intro.js/introjs.css">
     <link rel="stylesheet" href="./node_modules/intro.js/themes/introjs-modern.css">
+    <link rel="stylesheet" href="style.css">
     <title>UVL Playground</title>
 </head>
 <body>

diff --git a/WebSocketClient/src/intro.ts b/WebSocketClient/src/intro.ts
@@ -33,7 +33,17 @@ export const initIntroJS = () => {
         intro.setOption("exitOnOverlayClick", false);
         intro.setOption("overlayOpacity", 0);
         intro.setOption("disableInteraction", true);
+        intro.setOption("highlightClass", "tmpClass");
         intro.start();
+
+        var helperLayer = document.getElementsByClassName("tmpClass");
+        setTimeout(() => {
+            if(helperLayer[0] instanceof HTMLElement){
+                helperLayer[0].style["box-shadow"] = "rgb(255, 255, 255) 0px 0px 1px 2px, rgba(230, 230, 230, 0.44) 0px 0px 0px 5000px";
+            }
+        }, 100);
+
+
     });
 
 }