diff --git a/manage/manage.css b/manage/manage.css index 9a9f7468..2789b4db 100644 --- a/manage/manage.css +++ b/manage/manage.css @@ -983,12 +983,12 @@ a:hover { .injection-order-dialog > div { height: 100%; } -#stylus-injection-order { +#injection-order { display: block; border: 0; height: 100%; } -#stylus-injection-order.fadeout { +#injection-order.fadeout { animation: slideout .25s ease-in-out; } diff --git a/manage/manage.js b/manage/manage.js index b2ec8444..7bc4fc5f 100644 --- a/manage/manage.js +++ b/manage/manage.js @@ -62,7 +62,7 @@ newUI.renderClass(); installed.on('mouseover', Events.lazyAddEntryTitle, {passive: true}); installed.on('mouseout', Events.lazyAddEntryTitle, {passive: true}); $('#manage-options-button').onclick = () => router.updateHash('#stylus-options'); - $('#injection-order-button').onclick = () => router.updateHash('#stylus-injection-order'); + $('#injection-order-button').onclick = () => router.updateHash('#injection-order'); $('#sync-styles').onclick = () => router.updateHash('#stylus-options'); $$('#header a[href^="http"]').forEach(a => (a.onclick = Events.external)); document.on('visibilitychange', handleVisibilityChange); @@ -110,9 +110,9 @@ router.watch( })) ); router.watch( - {hash: '#stylus-injection-order'}, + {hash: '#injection-order'}, EmbedDialog(() => $create('iframe', { - id: 'stylus-injection-order', + id: 'injection-order', src: '/injection-order/injection-order.html', })) );