feat: add border + shadow upon click

huyen-nguyen · Oct 14, 2024 · 0fe28a2 · 0fe28a2
1 parent 19eab95
commit 0fe28a2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
     <title>WordStream</title>
     <link rel="shortcut icon" href="media/images/wslib.png">
     <script src="js/d3.v4.min.js"></script>
-    <script src="js/wordstream.min.js"></script>
+    <script src="js/wordstream.js"></script>
 
 </head>
 <body>

diff --git a/js/wordstream.js b/js/wordstream.js
@@ -859,6 +859,8 @@
                         .attr("transform", function (d, i) {
                             return 'translate(' + thePoint.data.x + ',' + (thePoint[1] - fontSize / 2) + ')';
                         });
+                    d3.select(clonedParentNode).select("text")
+                        .style("text-shadow", "-0.5px 0.5px 0 #fff, -0.5px -0.5px 0 #fff, 0.5px -0.5px 0 #fff, -0.5px 0.5px 0 #fff, 0.5px 0.5px 0 #fff")
                 });
                 //Add the first and the last points
                 points[0][1] = points[1][1];//First point