[#181] handle checkmarks on window resizing

src/web/App.mjs

@@ -881,6 +881,18 @@ class App {
             }
         }
     }
+
+    setDesktopUI(minimise){
+        this.setDesktopLayout(minimise);
+        // we don't want to display any checkmarks on desktop, so we clear them
+        this.manager.recipe.clearAllSelectedClasses();
+    }
+
+    setMobileUI(){
+        this.setMobileLayout();
+        // on window resizing below breakpoint, we want to put the checkmarks back
+        this.manager.recipe.updateSelectedOperations();
+    }
 }
 
 export default App;

src/web/TODO.md

@@ -22,6 +22,7 @@
 
 ### Misc:
 - Gruntfile revert dev config
+- check for lingering @TODO across code
 - comb through CSS and improve organisation for better DevX. Ask repo owners to open another issue perhaps and just redo all of the stylesheets ( preferably with SASS )
 - delete this file when done :)
 

src/web/waiters/WindowWaiter.mjs

@@ -28,9 +28,9 @@ class WindowWaiter {
      */
     windowResize() {
         if ( window.innerWidth >= this.app.breakpoint ) {
-            this.app.setDesktopLayout(false); //@TODO: use setDesktopUI() func
+            this.app.setDesktopUI(false);
         } else {
-            this.app.setMobileLayout(); //@TODO: use mobileUI() if needed
+            this.app.setMobileUI();
         }
 
         debounce(this.app.adjustComponentSizes, 200, "windowResize", this.app, [])();