no-hover mode

Author: yphil-dev

package.json

@@ -1,6 +1,6 @@
 {
     "name": "emulsion",
-    "version": "0.9.98",
+    "version": "0.9.99",
     "summary": "Better gaming throught chemistry",
     "description": "Display your games collection into responsive galleries, manage game metadata, cover art and emulator configuration. Launch your games in style.",
     "homepage": "https://yphil.gitlab.io/emulsion",

src/css/init.css

@@ -151,9 +151,61 @@ h3 {
   color:var(--color-text-1);
 }
 
-/* .no-hover * { */
-/*   pointer-events: none !important; */
-/* } */
+.no-hover *,
+.no-hover *::before,
+.no-hover *::after {
+  pointer-events: none !important;
+}
+
+.no-hover .hover:hover {
+  color: inherit !important;
+}
+
+.no-hover svg.icon:hover {
+  fill: inherit !important;
+}
+
+.no-hover .page-content.list .game-container:hover {
+  background-color: inherit !important;
+}
+
+.no-hover .page-content:not(.list) .game-container img:hover,
+.no-hover .page-content:not(.list) .game-container-image:hover {
+  /* Override hover effects for grid view images */
+}
+
+.no-hover .menu-game-container:hover {
+  border-color: inherit !important;
+}
+
+.no-hover .btn:hover {
+  transform: none !important;
+}
+
+.no-hover .preferences-error-dialog .reset:hover {
+  background: inherit !important;
+}
+
+.no-hover .preferences-error-dialog .quit:hover {
+  background: inherit !important;
+}
+
+.no-hover .controls i:hover {
+  color: inherit !important;
+}
+
+.no-hover .button:hover,
+.no-hover .button:focus {
+  /* Override button hover effects */
+}
+
+.no-hover input[type="range"]::-webkit-slider-thumb:hover {
+  background-color: inherit !important;
+}
+
+.no-hover *::-webkit-scrollbar-thumb:hover {
+  background-color: inherit !important;
+}
 
 a:link {
   color: red;

src/js/app.js

@@ -30,6 +30,7 @@ window.LB = LB;
 let mouseBlankerTimer = null;
 let lastInputWasMouse = false;
 const MOUSE_TIMEOUT = 3000;
+let storedTitles = new Map(); // Store title attributes for restoration
 
 function handleMouseInput() {
     lastInputWasMouse = true;
@@ -48,16 +49,40 @@ function resetMouseTimer() {
     mouseBlankerTimer = setTimeout(hideCursor, MOUSE_TIMEOUT);
 }
 
+function removeTitles() {
+    // Store and remove all title attributes
+    const elementsWithTitles = document.querySelectorAll('[title]');
+    elementsWithTitles.forEach(element => {
+        storedTitles.set(element, element.title);
+        element.removeAttribute('title');
+    });
+}
+
+function restoreTitles() {
+    // Restore all stored title attributes
+    storedTitles.forEach((title, element) => {
+        if (element && element.isConnected) { // Check if element still exists in DOM
+            element.title = title;
+        }
+    });
+    storedTitles.clear();
+}
+
 function showCursor() {
     document.body.style.cursor = 'default';
     document.body.classList.remove('no-hover');
+    restoreTitles();
 }
 
 function hideCursor() {
     document.body.style.cursor = 'none';
     document.body.classList.add('no-hover');
+    removeTitles();
 }
 
+// Make hideCursor globally available for gamepad input detection
+window.hideCursor = hideCursor;
+
 async function initializeApp() {
     try {
         // Load all app data and preferences in one call

src/js/slideshow.js

@@ -929,6 +929,10 @@ export function initGamepad() {
     }
 
     function handleGameControllerButtonPress(buttonIndex) {
+        // Trigger no-hover mode when any gamepad input is detected
+        if (window.hideCursor) {
+            window.hideCursor();
+        }
 
         switch (buttonIndex) {
         case 0: