fix anti aliasing and remove shadow from sidebar when closed

Author: thelamer

addons/gst-web-core/selkies-core.js

@@ -336,17 +336,15 @@ const updateCanvasImageRendering = () => {
     }
     return;
   }
-  const rect = canvas.getBoundingClientRect();
   const dpr = window.devicePixelRatio || 1;
-  const isStretched = Math.round(rect.width * dpr) !== canvas.width || Math.round(rect.height * dpr) !== canvas.height;
-  if (isStretched) {
+  if (window.isManualResolutionMode || (useCssScaling && dpr > 1)) {
     if (canvas.style.imageRendering !== 'auto') {
-      console.log(`Canvas is scaled (${canvas.width}x${canvas.height} buffer -> ${rect.width.toFixed(0)}x${rect.height.toFixed(0)} display). Setting rendering to 'auto'.`);
+      console.log("Smoothing enabled for manual resolution or high-DPR scaling.");
       canvas.style.imageRendering = 'auto';
     }
   } else {
     if (canvas.style.imageRendering !== 'pixelated') {
-      console.log("Canvas is 1:1. Setting rendering to 'pixelated'.");
+      console.log("Setting canvas rendering to 'pixelated' for 1:1 display.");
       canvas.style.imageRendering = 'pixelated';
       canvas.style.setProperty('image-rendering', 'crisp-edges', '');
     }

addons/selkies-dashboard/src/styles/Overlay.css

@@ -91,9 +91,8 @@
   width: 280px;
   height: calc(var(--vh, 1vh) * 100);
   background-color: var(--sidebar-bg);
-  box-shadow: 2px 0 5px var(--sidebar-shadow);
   transform: translateX(-100%);
-  transition: transform 0.3s ease-in-out, background-color 0.3s ease, color 0.3s ease;
+  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease, color 0.3s ease;
   z-index: 1010;
   padding: 20px;
   box-sizing: border-box;
@@ -106,6 +105,7 @@
 /* State when the sidebar is open. */
 .sidebar.is-open {
   transform: translateX(0);
+  box-shadow: 2px 0 5px var(--sidebar-shadow);
 }
 
 /* --- Sidebar Header --- */