From 8476b11409020210aec2217fc1ea134bcdb432bb Mon Sep 17 00:00:00 2001
From: Franc Camps-Febrer <francamps@gmail.com>
Date: Mon, 17 Dec 2018 16:07:30 +0100
Subject: [PATCH] Make non-selected narrative of their own color

---
 src/js/map/map.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/js/map/map.js b/src/js/map/map.js
index dc89045..8c40edc 100644
--- a/src/js/map/map.js
+++ b/src/js/map/map.js
@@ -57,7 +57,7 @@ export default function(newApp, ui, methods) {
     const map = L.map(id)
       .setView(center, zoom)
       .setMinZoom(10)
-      .setMaxZoom(18)
+      .setMaxZoom(19)
       .setMaxBounds(maxBoundaries)
 
     // NB: configure tile endpoint
@@ -383,6 +383,9 @@ Stop and start the development process in terminal after you have added your tok
     if (app.narrative !== null) {
       d3.selectAll('#arrow path')
         .style('fill', getNarrativeStyle(app.narrative.id).stroke);
+
+      d3.selectAll('.location-event-marker')
+        .style('fill-opacity', '0.1 !important')
     }
 
     const getMarker = (d) => {
@@ -407,7 +410,6 @@ Stop and start the development process in terminal after you have added your tok
       })
       .style('stroke', d => {
         if (!d || app.narrative === null) return 'none';
-        if (d.id !== app.narrative.id) return '#232323';
         const styleProps = getNarrativeStyle(d.id);
         return styleProps.stroke;
       })
@@ -432,7 +434,6 @@ Stop and start the development process in terminal after you have added your tok
       .attr('mid-marker', d => getMarker(d))
       .style('stroke', d => {
         if (!d || app.narrative === null) return 'none';
-        if (d.id !== app.narrative.id) return '#232323';
         const styleProps = getNarrativeStyle(d.id);
         return styleProps.stroke;
       })