interactive map

[alttp.git] / resources / sass / tracker.scss

diff --git a/resources/sass/tracker.scss b/resources/sass/tracker.scss
index 96da0ae2594f35aa4ab52f0e7886f9b251547fff..d916d339642b6e6ded7967678fdade4fa015051d 100644 (file)
--- a/resources/sass/tracker.scss
+++ b/resources/sass/tracker.scss
@@ -120,16 +120,17 @@
        }
        .tracker-map {
                .canvas {
-                       width: 50em;
+                       width: 100%;
                        height: auto;
                        .location {
                                .box {
                                        width: 0.04px;
                                        height: 0.04px;
+                                       transform: translate(-0.02px, -0.02px);
                                        fill: green;
                                        stroke: black;
-                                       stroke-width: 0.003px;
-                                       transform: translate(-0.02px, -0.02px);
+                                       stroke-width: 1px;
+                                       vector-effect: non-scaling-stroke;
                                }
                                .text {
                                        fill: black;
@@ -138,6 +139,7 @@
                                        text-anchor: middle;
                                        dominant-baseline: middle;
                                        pointer-events: none;
+                                       user-select: none;
                                }
                                &.status-cleared {
                                        .box {
@@ -155,6 +157,11 @@
                                                font-size: 0.04px;
                                        }
                                }
+                               &.clickable {
+                                       .box:hover {
+                                               stroke: white;
+                                       }
+                               }
                        }
                }
        }