use injection term everywhere

_locales/en/messages.json

@@ -735,9 +735,6 @@
     "message": "Live reload",
     "description": "The label of live-reload feature"
   },
-  "manageExecutionOrder": {
-    "message": "Injection order"
-  },
   "manageFavicons": {
     "message": "Favicons in applies-to column",
     "description": "Label for the checkbox that toggles applies-to favicons in the new UI on manage page"
@@ -1670,6 +1667,9 @@
   "styleIncludeLabel": {
     "message": "Custom included sites"
   },
+  "styleInjectionOrder": {
+    "message": "Style injection order"
+  },
   "styleExcludeLabel": {
     "message": "Custom excluded sites"
   },

injection-order/injection-order.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title i18n-text-append="optionsHeading">Stylus </title>
   <link rel="stylesheet" href="/global.css">
-  <link rel="stylesheet" href="execution-order.css">
+  <link rel="stylesheet" href="injection-order.css">
 
   <script src="/js/polyfill.js"></script>
   <script src="/js/toolbox.js"></script>
@@ -24,6 +24,6 @@
     <ol id="style-list"></ol>
   </div>
   <script src="/vendor/@eight04/draggable-list/dist/draggable-list.iife.min.js"></script>
-  <script src="execution-order.js"></script>
+  <script src="injection-order.js"></script>
 </body>
 </html>

manage.html

@@ -314,7 +314,7 @@
           </label>
         </div>
         <button id="manage-options-button" i18n-text="openOptions"></button>
-        <button id="execution-order-button" i18n-text="manageExecutionOrder"></button>
+        <button id="injection-order-button" i18n-title="styleInjectionOrder">↑↓</button>
       </details>
     </div>
 

manage/manage.css

@@ -980,15 +980,15 @@ a:hover {
   animation: fadeout .25s ease-in-out;
 }
 
-.execution-order-dialog > div {
+.injection-order-dialog > div {
   height: 100%;
 }
-#stylus-execution-order {
+#stylus-injection-order {
   display: block;
   border: 0;
   height: 100%;
 }
-#stylus-execution-order.fadeout {
+#stylus-injection-order.fadeout {
   animation: slideout .25s ease-in-out;
 }
 

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');
-  $('#execution-order-button').onclick = () => router.updateHash('#stylus-execution-order');
+  $('#injection-order-button').onclick = () => router.updateHash('#stylus-injection-order');
   $('#sync-styles').onclick = () => router.updateHash('#stylus-options');
   $$('#header a[href^="http"]').forEach(a => (a.onclick = Events.external));
   document.on('visibilitychange', handleVisibilityChange);
@@ -110,10 +110,10 @@ router.watch(
   }))
 );
 router.watch(
-  {hash: '#stylus-execution-order'},
+  {hash: '#stylus-injection-order'},
   EmbedDialog(() => $create('iframe', {
-    id: 'stylus-execution-order',
+    id: 'stylus-injection-order',
-    src: '/execution-order/execution-order.html',
+    src: '/injection-order/injection-order.html',
   }))
 );
 
@@ -145,9 +145,9 @@ function EmbedDialog(El) {
   function toggle(state) {
     if (state && !shown) {
       messageBoxProxy.show({
-        title: t('manageExecutionOrder'),
+        title: t('styleInjectionOrder'),
         contents: El(),
-        className: 'execution-order-dialog center-dialog',
+        className: 'injection-order-dialog center-dialog',
         blockScroll: true,
       })
         .then(() => {