diff --git a/vacs-map-app/src/MapExplorer.vue b/vacs-map-app/src/MapExplorer.vue index a9e88e2..164c4c2 100644 --- a/vacs-map-app/src/MapExplorer.vue +++ b/vacs-map-app/src/MapExplorer.vue @@ -9,7 +9,7 @@
- +
diff --git a/vacs-map-app/src/components/CropFingerprint.vue b/vacs-map-app/src/components/CropFingerprint.vue index c0ddd3c..7a0d500 100644 --- a/vacs-map-app/src/components/CropFingerprint.vue +++ b/vacs-map-app/src/components/CropFingerprint.vue @@ -29,7 +29,14 @@ > {{ cat }} - Benchmark + + Benchmark +
@@ -64,15 +71,19 @@ v-for="indicator in benchmarkIndicators" :key="indicator.key" fill="#ffffff01" - stroke="#7e899c" + stroke="#DAB967" :stroke-width="1" :d="arc(indicator)" :class="{ highlighted: - hovered?.key === indicator.key || hoveredCategory === indicator.category, + hovered?.key === indicator.key || + hoveredCategory === indicator.category || + hoveredCategory === 'benchmark', unhighlighted: - (hovered && hovered.key !== indicator.key) || - (hoveredCategory && hoveredCategory !== indicator.category) + (hovered && hovered.key !== indicator.key && hoveredCategory !== 'benchmark') || + (hoveredCategory && + hoveredCategory !== indicator.category && + hoveredCategory !== 'benchmark') }" /> @@ -241,7 +252,7 @@ svg { } .unhighlighted { - opacity: 0.5; + opacity: 0.2; } .legend { @@ -290,7 +301,7 @@ svg { } .benchmark-label { - color: var(--gray); - border: 1px solid var(--gray); + color: #dab967; + border: 1px solid #dab967; }