diff --git a/css/main.css b/css/main.css index b29cbe070..f7f6a6f17 100644 --- a/css/main.css +++ b/css/main.css @@ -478,6 +478,32 @@ a.loading { vertical-align:middle } +@-webkit-keyframes yellow-flash { + 0% { + background-color: #FFFFE0; + opacity:1; + } + 22% { + background-color: #FFFFE0; + } + 100% { + background-color: none; + } +} + +.highlight{ + -webkit-animation-name: yellow-flash; + -webkit-animation-duration: 400ms; + -webkit-animation-iteration-count: 1; + -webkit-animation-timing-function: linear; + -moz-animation-name: yellow-flash; + -moz-animation-duration: 400ms; + -moz-animation-iteration-count: 1; + -moz-animation-timing-function: linear; +} + + + /* notifications */ .dr-notification-container { diff --git a/index.html b/index.html index ed5abe484..17dfb372e 100644 --- a/index.html +++ b/index.html @@ -399,7 +399,7 @@ Show less -
@@ -411,7 +411,8 @@
-
+
+ {{selectedAddr.address}}
{{selectedAddr.balance || 0}}
diff --git a/js/directives.js b/js/directives.js
index c99a5bd93..0a46db2c6 100644
--- a/js/directives.js
+++ b/js/directives.js
@@ -120,6 +120,17 @@ angular.module('copayApp.directives')
}
}
})
+ .directive('highlightOnChange', function() {
+ return {
+ restrict: 'A',
+ link: function(scope, element, attrs) {
+ scope.$watch(attrs.highlightOnChange, function (newValue, oldValue) {
+ element.addClass('highlight');
+ setTimeout(function() { element.removeClass('highlight'); }, 500);
+ });
+ }
+ }
+ })
.directive('checkStrength', function() {
return {
replace: false,