Add fill-opacity:0 to shape

- This allows you to re-inflate the balloon when you click on the shape before it would only work if you press the path which was quite hard to do. Related #10
CYPIAPT-LNDSE · Apr 13, 2017 · bf99d64 · bf99d64
1 parent f461790
commit bf99d64
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 5 deletions.
diff --git a/public/index.js b/public/index.js
@@ -191,8 +191,8 @@
     ].forEach(function(emotion){
       var node = document.getElementById(emotion);
       toggleClass(node, 'pop');
+      setSessionStorageOnClick(node, 'pop', 'personality', personality);
       addHaloClickEvent(node);
-      setSessionStorageOnClick(node, 'pop', 'personality', personality)
     });
 
     [

diff --git a/scss/_layout.scss b/scss/_layout.scss
@@ -208,7 +208,4 @@ h1, h2, h3, h4, h5, h6 {
     stroke: $yellow;
     stroke-width: 4;
   }
-  // .st5 {
-  //   stroke: $yellow;
-  // }
 }
diff --git a/src/templates/views/personality.hbs b/src/templates/views/personality.hbs
@@ -13,7 +13,7 @@
     .style2{enable-background:new    ;}
     .st3{opacity:0.41;}
     .st4{opacity:0.1091;fill:#FFFFFF;enable-background:new    ;}
-    .style5{fill:none;stroke:transparrent;stroke-miterlimit:10;}
+    .style5{fill:black;fill-opacity:0;stroke:transparrent;stroke-miterlimit:10;}
     .st6{fill:none;}
     </style>
     <g id="strange">