Index: dashboard/dashboard/elements/alert-icon.html |
diff --git a/dashboard/dashboard/elements/alert-icon.html b/dashboard/dashboard/elements/alert-icon.html |
index 8f39e9a93a9e7e130f7049d3d6a957e39695707b..9dca7775c8ed3abd9d9645a5a50d1daa020a4eba 100644 |
--- a/dashboard/dashboard/elements/alert-icon.html |
+++ b/dashboard/dashboard/elements/alert-icon.html |
@@ -17,9 +17,16 @@ found in the LICENSE file. |
border-radius: 14px; |
} |
+ #line{ |
+ height: 100px; |
+ border-left: 2px solid red; |
+ position: relative; |
+ } |
+ |
</style> |
<iron-icon id="icon"></iron-icon> |
+ <div id="line"></div> |
</template> |
@@ -62,8 +69,12 @@ found in the LICENSE file. |
}, |
setPosition: function(top, left) { |
- this.$.icon.style.top = top + 'px'; |
+ this.$.icon.style.top = '0px'; |
this.$.icon.style.left = left + 'px'; |
+ |
+ this.$.line.style.top = '-6px'; |
+ this.$.line.style.height = top - 6 + 'px'; |
+ this.$.line.style.left = left + 11 + 'px'; |
} |
}); |
</script> |