milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update buttons

Browse source
This commit is contained in:
Luke Pulverenti 2016-08-14 12:53:23 -04:00
parent 66d5f9eded
commit ce30e1391e
3 changed files with 14 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css vendored
View file

@ -187,7 +187,7 @@
opacity: .2; opacity: .2;
} }
.ripple-effect { .emby-button-ripple-effect, .paper-icon-button-light-ripple-effect {
position: absolute; position: absolute;
border-radius: 50%; border-radius: 50%;
width: 50px; width: 50px;
@ -197,7 +197,7 @@
background: currentcolor; background: currentcolor;
animation: ripple-animation .8s; animation: ripple-animation .8s;
opacity: 0.25; opacity: 0.25;
-webkit-transform: translate(0, 0); transform-origin: center center;
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }

11
dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.js vendored
View file

@ -6,7 +6,9 @@
var div = document.createElement('div'); var div = document.createElement('div');
div.classList.add('ripple-effect'); for (var i = 0, length = btn.classList.length; i < length; i++) {
div.classList.add(btn.classList[i] + '-ripple-effect');
}
var offsetX = e.offsetX || 0; var offsetX = e.offsetX || 0;
var offsetY = e.offsetY || 0; var offsetY = e.offsetY || 0;
@ -16,7 +18,12 @@
div.style.top = offsetY + 'px'; div.style.top = offsetY + 'px';
} }
btn.appendChild(div); var firstChild = btn.firstChild;
if (firstChild) {
btn.insertBefore(div, btn.firstChild);
} else {
btn.appendChild(div);
}
div.addEventListener("animationend", function () { div.addEventListener("animationend", function () {
div.parentNode.removeChild(div); div.parentNode.removeChild(div);

4
dashboard-ui/bower_components/emby-webcomponents/emby-button/paper-icon-button-light.js vendored
View file

@ -14,7 +14,9 @@
var div = document.createElement('div'); var div = document.createElement('div');
div.classList.add('ripple-effect'); for (var i = 0, length = btn.classList.length; i < length; i++) {
div.classList.add(btn.classList[i] + '-ripple-effect');
}
var offsetX = e.offsetX || 0; var offsetX = e.offsetX || 0;
var offsetY = e.offsetY || 0; var offsetY = e.offsetY || 0;