diff --git a/install-usercss.html b/install-usercss.html
index 98cd0eec..03c78549 100644
--- a/install-usercss.html
+++ b/install-usercss.html
@@ -33,7 +33,7 @@
diff --git a/install-usercss/install-usercss.css b/install-usercss/install-usercss.css
index efc088e3..65ea5552 100644
--- a/install-usercss/install-usercss.css
+++ b/install-usercss/install-usercss.css
@@ -213,16 +213,21 @@ h1 small {
filter: hue-rotate(-18deg) brightness(.7) contrast(2);
}
-.install.installed,
-h2.installed {
+.install.installed {
display: none;
}
h2.installed.active {
display: inline-block;
font-weight: bold;
- margin-bottom: 1ex;
margin-top: 0;
+ color: darkcyan;
+}
+h2.installed.active ~ .configure-usercss svg {
+ fill: hsl(180, 100%, 20%);
+}
+h2.installed.active ~ .configure-usercss:hover svg {
+ fill: hsl(180, 100%, 30%);
}
.actions label input {
diff --git a/install-usercss/install-usercss.js b/install-usercss/install-usercss.js
index d6fb2846..8c978a0d 100644
--- a/install-usercss/install-usercss.js
+++ b/install-usercss/install-usercss.js
@@ -1,6 +1,6 @@
/* global $ $create $createLink $$remove showSpinner */// dom.js
/* global API */// msg.js
-/* global deepEqual */// toolbox.js
+/* global closeCurrentTab deepEqual */// toolbox.js
/* global messageBox */
/* global prefs */
/* global preinit */
@@ -208,6 +208,7 @@ function updateMeta(style, dup = installedDup) {
setTimeout(() => $$remove('.lds-spinner'), 1000);
showError('');
requestAnimationFrame(adjustCodeHeight);
+ if (dup) enablePostActions();
function makeAuthor(text) {
const match = text.match(/^(.+?)(?:\s+<(.+?)>)?(?:\s+\((.+?)\))?$/);
@@ -298,10 +299,28 @@ function install(style) {
$('.set-update-url input[type=checkbox]').disabled = true;
$('.set-update-url').title = style.updateUrl ?
t('installUpdateFrom', style.updateUrl) : '';
-
+ enablePostActions();
updateMeta(style);
}
+function enablePostActions() {
+ const {id} = installed || installedDup;
+ sessionStorage.justEditedStyleId = id;
+ $('h2.installed').hidden = !installed;
+ $('.installed-actions').hidden = false;
+ $('.installed-actions a[href*="edit.html"]').search = `?id=${id}`;
+ $('#delete').onclick = async () => {
+ if (await messageBox.confirm(t('deleteStyleConfirm'), 'danger center', t('confirmDelete'))) {
+ await API.styles.delete(id);
+ if (tabId < 0 && history.length > 1) {
+ history.back();
+ } else {
+ closeCurrentTab();
+ }
+ }
+ };
+}
+
async function getAppliesTo(style) {
if (style.sectionsPromise) {
try {