From d1e4dd4975aab7374022bac6b276961855622eb9 Mon Sep 17 00:00:00 2001
From: LV-426 <lv-426@taproot.org.il>
Date: Mon, 23 Mar 2015 13:12:43 +0200
Subject: creation bubble SVG blur effect

---
 src/client/rz_core.js     | 5 +++++
 src/client/view/bubble.js | 3 +++
 2 files changed, 8 insertions(+)

(limited to 'src')

diff --git a/src/client/rz_core.js b/src/client/rz_core.js
index 299bd674..7eeb62e1 100644
--- a/src/client/rz_core.js
+++ b/src/client/rz_core.js
@@ -91,6 +91,11 @@ var initDrawingArea = function () {
         .attr("height", '100%')
         .attr("pointer-events", "all");
 
+    vis.append('defs').append('filter').attr('id', 'f_blur__creation-circle')
+                                       .attr('y', '-10%')
+                                       .attr('x', '-10%').append('feGaussianBlur').attr('in', 'SourceGraphic')
+                                                                                  .attr('stdDeviation', '15');
+
     var zoom_g = vis
         .append("g")
         .attr("class", "zoom");
diff --git a/src/client/view/bubble.js b/src/client/view/bubble.js
index 0b3787b7..c9f45701 100644
--- a/src/client/view/bubble.js
+++ b/src/client/view/bubble.js
@@ -21,6 +21,9 @@ function Bubble(raw_parent, radius) {
     circle.className.baseVal = 'circle bubble';
     circle.id = 'bubble';
 
+    d3.select('#bubble').attr('stroke-width', 10)
+                        .attr('filter', 'url(#f_blur__creation-circle)')
+
     // reset bubble on radius change and window resize
     Bacon.combineWith(function (r, _) { return r; }, radius, $(window).asEventStream('resize').toProperty(0)).onValue(
         function (r) {
-- 
cgit v1.3.1