brighter check color

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

diff --git a/resources/sass/tracker.scss b/resources/sass/tracker.scss
index f1b745a0a24c97617f4a8e0a2afd52b2b9871f3b..5bc5a4696f870ea53e53157edcf8f8f27f6d2aaa 100644 (file)
--- a/resources/sass/tracker.scss
+++ b/resources/sass/tracker.scss
@@ -120,23 +120,47 @@
        }
        .tracker-map {
                .canvas {
-                       width: 50em;
+                       width: 100%;
                        height: auto;
                        .location {
-                               width: 0.04px;
-                               height: 0.04px;
-                               fill: green;
-                               stroke: black;
-                               stroke-width: 0.003px;
-                               transform: translate(-0.02px, -0.02px);
+                               .box {
+                                       width: 0.04px;
+                                       height: 0.04px;
+                                       transform: translate(-0.02px, -0.02px);
+                                       fill: #0d0;
+                                       stroke: black;
+                                       stroke-width: 1px;
+                                       vector-effect: non-scaling-stroke;
+                               }
+                               .text {
+                                       fill: black;
+                                       font-size: 0.02px;
+                                       font-weight: bold;
+                                       text-anchor: middle;
+                                       dominant-baseline: middle;
+                                       pointer-events: none;
+                                       user-select: none;
+                               }
                                &.status-cleared {
-                                       fill: grey;
-                                       opacity: 0.4;
+                                       .box {
+                                               fill: grey;
+                                               opacity: 0.4;
+                                       }
                                }
                                &.size-lg {
-                                       width: 0.08px;
-                                       height: 0.08px;
-                                       transform: translate(-0.04px, -0.04px);
+                                       .box {
+                                               width: 0.08px;
+                                               height: 0.08px;
+                                               transform: translate(-0.04px, -0.04px);
+                                       }
+                                       .text {
+                                               font-size: 0.04px;
+                                       }
+                               }
+                               &.clickable {
+                                       .box:hover {
+                                               stroke: white;
+                                       }
                                }
                        }
                }