refactor: move tooltip style in css file

VincentHardouin · Mar 8, 2024 · 5b2935f · 5b2935f
1 parent 484f580
commit 5b2935f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/script.js b/src/script.js
@@ -35,12 +35,6 @@ window.addEventListener('resize', resizeMap);
 
 const tooltip = d3.select('body').append('div')
   .attr('class', 'tooltip')
-  .style('position', 'absolute')
-  .style('background-color', 'white')
-  .style('border', '1px solid black')
-  .style('padding', '5px')
-  .style('border-radius', '5px')
-  .style('visibility', 'hidden');
 
 const addedStations = new Map();
 const g = svg.append("g");

diff --git a/src/style.css b/src/style.css
@@ -17,4 +17,14 @@ svg {
 
 .end {
     color: #e52228;
+}
+
+.tooltip {
+    position: absolute;
+    visibility: hidden;
+    padding: 0.5rem;
+    background-color: #fff;
+    border: 1px solid #000;
+    border-radius: 0.25rem;
+    color: #3b3d45;
 }