Put Objects in front of Huds

Signed-off-by: Armen Kesablyan <armen@motorola.com>

3 files changed, 9 insertions, 8 deletions

diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css
index f7e926cb..c53c82e2 100755
--- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css
+++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css
@@ -40,11 +40,15 @@
     line-height:16px;
     padding:1px 9px 1px 15px;
 }
-.hudOption.bound, .bindingHud .hudOption.bound .connectorBubble, .bindingHud .hudOption:hover, .bindingHud .hudOption .connectorBubble {
-    background: #5e9eff;
+.connectorBubble, .bindingHud .hudOption:hover, .bindingHud .hudOption .connectorBubble:hover {
+    box-shadow: inset 0px 0px 6px #5e9eff;
     display:block;
 }
 
+.hudOption.bound, .bindingHud .hudOption.bound {
+    background: #5e9eff;
+}
+
 .bindingHud .hudOption:last-child {
     border-bottom: 0px;
 }
diff --git a/js/stage/binding-view.reel/binding-view.css b/js/stage/binding-view.reel/binding-view.css
index 7ec31edf..a08def8a 100755
--- a/js/stage/binding-view.reel/binding-view.css
+++ b/js/stage/binding-view.reel/binding-view.css
@@ -14,8 +14,7 @@
 .hudRepeater {
     position: absolute;
     width:100%;
-    height:100%;
-    z-index: 2;
+    z-index: 3;
 }
 
 .bindingViewCanvas {
@@ -33,4 +32,5 @@
     -webkit-box-orient: horizontal;
     -webkit-box-pack: center;
     -webkit-box-align: center;
+    z-index: 2;
 }
\ No newline at end of file
diff --git a/js/stage/binding-view.reel/binding-view.html b/js/stage/binding-view.reel/binding-view.html
index 5fb7affd..9a127618 100755
--- a/js/stage/binding-view.reel/binding-view.html
+++ b/js/stage/binding-view.reel/binding-view.html
@@ -15,8 +15,7 @@
                 "prototype": "js/stage/binding-view.reel",
                 "properties": {
                     "element": {"#": "bindingView"},
-                    "hudRepeater": {"@": "hudRepeater"},
-                    "canvas": {"#": "bindingViewCanvas"}
+                    "hudRepeater": {"@": "hudRepeater"}
                 }
             },
             "hudRepeater": {
@@ -66,8 +65,6 @@
         <div class="objects-tray-container">
             <div data-montage-id="objects-tray" ></div>
         </div>
-
-        <canvas data-montage-id="bindingViewCanvas" class="bindingViewCanvas"></canvas>
     </section>
 
 </body>