Upload 2 files

static/app.js

@@ -34,19 +34,6 @@ let facetRetryTimer = null;
 let progressTimer = null;
 let searchRequestSeq = 0;
 let searchAbortController = null;
-let viewportTimer = null;
-
-function setViewportBottom() {
-  const viewport = window.visualViewport;
-  const bottom = viewport ? Math.max(0, window.innerHeight - viewport.height - viewport.offsetTop) : 0;
-  document.documentElement.style.setProperty("--viewport-bottom", `${Math.round(bottom)}px`);
-}
-
-function scheduleViewportBottom() {
-  clearTimeout(viewportTimer);
-  setViewportBottom();
-  viewportTimer = setTimeout(setViewportBottom, 120);
-}
 
 function escapeHTML(value) {
   return String(value ?? "").replace(/[&<>"']/g, (ch) => ({
@@ -137,8 +124,6 @@ function applyStateToDom() {
   DOM.leftSidebar.classList.toggle("expanded-wide", STATE.sidebarExpanded);
   const sidebarOverlayOpen = STATE.isMobile && STATE.leftOpen;
   DOM.overlay.style.display = sidebarOverlayOpen ? "block" : "none";
-  const footerLeft = STATE.isMobile || !STATE.leftOpen ? "0px" : STATE.sidebarExpanded ? "var(--sidebar-expanded-w)" : "var(--sidebar-w)";
-  document.documentElement.style.setProperty("--footer-left", footerLeft);
   for (const [key, collapsed] of Object.entries(STATE.filterCollapsed)) {
     const body = document.querySelector(`[data-filter-body="${key}"]`);
     const toggle = document.querySelector(`[data-filter-toggle="${key}"]`);
@@ -597,12 +582,6 @@ function resetFilters() {
 }
 
 function attachEvents() {
-  window.addEventListener("resize", scheduleViewportBottom);
-  window.addEventListener("orientationchange", scheduleViewportBottom);
-  if (window.visualViewport) {
-    window.visualViewport.addEventListener("resize", scheduleViewportBottom);
-    window.visualViewport.addEventListener("scroll", scheduleViewportBottom);
-  }
   DOM.searchForm.addEventListener("submit", (event) => {
     event.preventDefault();
     STATE.q = DOM.searchInput.value.trim();
@@ -814,7 +793,6 @@ function cacheDom() {
 }
 
 function init() {
-  setViewportBottom();
   cacheDom();
   STATE.isDark = localStorage.getItem("theme") !== "light";
   const savedMobileMode = localStorage.getItem("mobileMode");

static/style.css

@@ -8,8 +8,6 @@
   --font-mono: "SF Mono", "Cascadia Code", "Consolas", "Menlo", monospace;
 
   --header-h: 48px;
-  --viewport-bottom: 0px;
-
   --surface: #1a1c1e;
   --surface-variant: #282a2d;
   --surface-container: #1e2022;
@@ -101,6 +99,7 @@ body {
   display: flex;
   flex-direction: column;
   height: 100vh;
+  height: 100dvh;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
@@ -1264,7 +1263,6 @@ body.mobile .multi-toggle { padding: 1px 4px; font-size: 11px; }
   flex-direction: column;
   min-height: 0;
   overflow: hidden;
-  padding-bottom: 48px;
 }
 
 .results-list {
@@ -1452,11 +1450,7 @@ body.mobile .multi-toggle { padding: 1px 4px; font-size: 11px; }
   font-size: 12px;
   color: var(--on-surface-variant);
   border-top: 1px solid var(--outline-variant);
-  position: fixed;
-  left: var(--footer-left, 0px);
-  right: 0;
-  bottom: var(--viewport-bottom, 0px);
-  z-index: 500;
+  flex-shrink: 0;
   background: var(--surface-container);
 }