s2/pwgen-reloaded
1
0
Fork 0
mirror of https://github.com/S2-/pwgen.git synced 2025-08-03 17:20:09 +02:00
Code Issues Releases Wiki Activity

Compare commits

base: s2:v1.1.10
Branches Tags
s2:master
s2:v1.1.23 s2:v1.1.22 s2:v1.1.21 s2:v1.1.20 s2:v1.1.19 s2:v1.1.18 s2:v1.1.17 s2:v1.1.16 s2:v1.1.15 s2:v1.1.14 s2:v1.1.13 s2:v1.1.12 s2:v1.1.11 s2:v1.1.10 s2:v1.1.9 s2:v1.1.8 s2:v1.1.7 s2:v1.1.6 s2:v1.1.5 s2:v1.1.4 s2:v1.1.3 s2:v1.1.2 s2:v1.1.1
...
compare: s2:v1.1.11
Branches Tags
s2:master
s2:v1.1.23 s2:v1.1.22 s2:v1.1.21 s2:v1.1.20 s2:v1.1.19 s2:v1.1.18 s2:v1.1.17 s2:v1.1.16 s2:v1.1.15 s2:v1.1.14 s2:v1.1.13 s2:v1.1.12 s2:v1.1.11 s2:v1.1.10 s2:v1.1.9 s2:v1.1.8 s2:v1.1.7 s2:v1.1.6 s2:v1.1.5 s2:v1.1.4 s2:v1.1.3 s2:v1.1.2 s2:v1.1.1

2 Commits
v1.1.10 ... v1.1.11

Author SHA1 Message Date
s2
a53d60474d v1.1.11 2017-11-22 12:25:14 +01:00
s2
4d7fefccfc use css for transition 2017-11-22 12:06:55 +01:00
4 changed files with 27 additions and 14 deletions
Expand all files Collapse all files

2
src/manifest.json
View File

@@ -2,7 +2,7 @@
"description": "Just a toolbar button that generates a password and copies it to your clipboard.", "description": "Just a toolbar button that generates a password and copies it to your clipboard.",
"manifest_version": 2, "manifest_version": 2,
"name": "pwgen reloaded", "name": "pwgen reloaded",
"version": "1.1.10", "version": "1.1.11",
"homepage_url": "https://github.com/S2-/pwgen", "homepage_url": "https://github.com/S2-/pwgen",
"icons": { "icons": {
"48": "icons/lock-48.png" "48": "icons/lock-48.png"

14
src/popup/pwgen.css
View File

@@ -26,7 +26,7 @@ input[type="checkbox"] {
margin-bottom: -7px; margin-bottom: -7px;
} }
#copied { .copied {
/*height: 100%;*/ /*height: 100%;*/
width: 100%; width: 100%;
background-color: #FFF8DC; background-color: #FFF8DC;
@@ -36,3 +36,15 @@ input[type="checkbox"] {
padding: 5px; padding: 5px;
text-align: center; text-align: center;
} }
.fadein {
visibility: visible;
opacity: 1;
transition: opacity 1s linear;
}
.fadeout {
visibility: hidden;
opacity: 0;
transition: visibility 0s 1s, opacity 1s linear;
}

2
src/popup/pwgen.html
View File

@@ -10,7 +10,7 @@
</head> </head>
<body> <body>
<div id="copied" style="display: none;">password copied to clipboard</div> <div class="copied" style="display: none;">password copied to clipboard</div>
<form> <form>

23
src/popup/pwgen.js
View File

@@ -42,21 +42,22 @@ function copypasstoclippboard(cb) {
if (typeof(cb) === 'function') { if (typeof(cb) === 'function') {
cb(); cb();
} }
fade(document.getElementById('copied')); fade(document.getElementsByClassName('copied')[0]);
}, 200); }, 200);
} }
function fade(element) { function fade(element) {
element.style.display = 'block'; var clone = element.cloneNode(true);
var op = 1; // initial opacity clone.style.display = 'block';
var timer = setInterval(function () { element.parentNode.insertBefore(clone, element.nextSibling);
if (op <= 0.1) {
clearInterval(timer); setTimeout(() => {
element.style.display = 'none'; clone.className += ' fadeout';
} }, 500);
element.style.opacity = op;
op -= op * 0.1; setTimeout(() => {
}, 50); clone.remove();
}, 1100);
} }
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {