[#181] add 'selected' class on double click, which is not visible on desktop ( but we can easily opt to leave it there if we would want to )

src/web/stylesheets/components/_operation.css

@@ -21,6 +21,11 @@
     .operation {
         cursor: grab;
     }
+
+    /* never display check icons on desktop views */
+    .op-icon.check-icon {
+        display: none;
+    }
 }
 
 .op-icon {
@@ -33,6 +38,15 @@
     color: #f44336;
 }
 
+.op-icon.check-icon {
+    display: none;
+    color: #47d047;
+}
+
+.operation.selected > .op-icon.check-icon {
+    display: initial;
+}
+
 .op-title {
     font-weight: var(--op-title-font-weight);
 }

src/web/waiters/OperationsWaiter.mjs

@@ -244,6 +244,8 @@ class OperationsWaiter {
     operationDblclick(e) {
         const li = e.target;
 
+        e.target.classList.add('selected');
+
         this.manager.recipe.addOperation(li.getAttribute('data-name'));
     }