DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

copy click animation

Browse Source
This commit is contained in:
Sriram Hariharan
2019-01-14 19:57:50 -06:00
parent 1d17c8802a
commit 0cdcc32b5c
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
css/popup.css
View File

@@ -64,11 +64,10 @@ body {
outline: 0; outline: 0;
} }
.copybut:hover { .noshadow {
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.16), 0 4px 20px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.16);
} }
#copyicon { #copyicon {
font-size: x-large; font-size: x-large;
border-radius: 50%; border-radius: 50%;

13
js/popup.js
View File

@@ -119,13 +119,22 @@ function updateConflicts() {
/* Handle the button clicks */ /* Handle the button clicks */
$(document).ready(function () { $(document).ready(function () {
$("#courseList").on('mouseover', '.copybut', function () {
$(this).addClass('noshadow');
}).on('mouseleave', '.copybut', function () {
$(this).removeClass('noshadow');
});
$("#courseList").on('click', '.copybut', function (e) { $("#courseList").on('click', '.copybut', function (e) {
e.stopPropagation(); e.stopPropagation();
var temp = $("<input>"); var temp = $("<input>");
$(this).find('i').text('check'); $(this).find('i').text('check');
$(this).find('i').css('box-shadow', 'none'); $(this).stop(true, false).removeAttr('style').removeClass('noshadow', {
$(this).find('i').delay(200).queue(function (n) { duration: 200
});
$(this).find('i').delay(400).queue(function (n) {
$(this).text('content_copy'); $(this).text('content_copy');
$(this).parent().addClass('noshadow');
n(); n();
}) })