open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: style install button

Browse Source
This commit is contained in:
eight 2017-09-15 01:30:26 +08:00
parent a542d227ec
commit 553cc94bc8
2 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
content/install-user-css.css
View File

@ -75,6 +75,22 @@ button.install {
padding: 0.4em 0.8em; padding: 0.4em 0.8em;
} }
button.install {
background: #3586FF;
color: white;
border-radius: 0.2em;
border: 1px solid #0026ff;
}
button.install:not([disabled]):active {
box-shadow: inset 0px 0px 0.4em 0px #6A3B82;
}
button.install.installed {
background: #00F587;
border-color: #00ae08;
}
.code { .code {
padding: 2em; padding: 2em;
font-family: monospace; font-family: monospace;

1
content/install-user-css.js
View File

@ -16,6 +16,7 @@ function install(style) {
.forEach(el => el.remove()); .forEach(el => el.remove());
$('button.install').textContent = 'Installed'; $('button.install').textContent = 'Installed';
$('button.install').disabled = true; $('button.install').disabled = true;
$('button.install').classList.add('installed');
window.dispatchEvent(new CustomEvent('installed', {detail: result})); window.dispatchEvent(new CustomEvent('installed', {detail: result}));
}) })
.catch(err => { .catch(err => {