diff --git a/PROJECT_MEMORY.md b/PROJECT_MEMORY.md index e64bc5c..eea2fb2 100644 --- a/PROJECT_MEMORY.md +++ b/PROJECT_MEMORY.md @@ -97,6 +97,7 @@ npm audit --omit=dev ## Zuletzt verifiziert +- Einstellungssuche: auf Nutzerwunsch Lupe rechts (12 px Innenabstand), Suchtext mit symmetrischem 32-px-Padding zentriert. Gezielter Electron-Layouttest prüft Zentrierung, Symbolposition und vollständige Platzhalter in beiden Sprachen bei sechs Breiten; Lint erfolgreich, Screenshot visuell geprüft. Automatischer Entwicklungsneustart bestätigt; noch nicht veröffentlicht. - Einstellungssuche: Layout-/Textbreitentest in Deutsch und Englisch bei sechs Viewports sowie Lint erfolgreich. Startup-Datei 25/26 erfolgreich, bestehender Checkbox-Fokustest einmal mit bekanntem Timingfehler; separat unverändert erneut erfolgreich. Automatischer Neustart bestätigt. Kein Release. - Log-Layout: 47 Startup-/Electron- und Logmodus-Tests sowie Lint erfolgreich. Gemeinsame Feldkante, Feldhöhe, Dropdownbreite, Pfeil-Innenabstand, Hinweise und unveränderte Modusoptionen bei 1000/760/360 px geprüft. Entwicklerversion automatisch neu gestartet; nicht veröffentlicht. - Automatik-Abstand: alle 26 Startup-/Electron-Tests und Lint erfolgreich. Gleiche Abschnittsabstände von 28 px bei drei Breiten bestätigt; automatischer Entwicklungsneustart im Watcher-Log nachgewiesen. Kein Release. diff --git a/renderer/styles.css b/renderer/styles.css index bbbcdc8..266a12f 100644 --- a/renderer/styles.css +++ b/renderer/styles.css @@ -980,7 +980,7 @@ body.col-resizing, body.col-resizing * { cursor: col-resize !important; user-sel } .settings-search-icon { position: absolute; - left: 10px; + right: 12px; top: 50%; width: 14px; height: 14px; @@ -1005,7 +1005,8 @@ body.col-resizing, body.col-resizing * { cursor: col-resize !important; user-sel width: 100%; height: 40px; min-height: 40px; - padding: 0 10px 0 32px; + padding: 0 32px; + text-align: center; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-input); diff --git a/tests/startup-renderer.test.js b/tests/startup-renderer.test.js index 4e2833f..919db47 100644 --- a/tests/startup-renderer.test.js +++ b/tests/startup-renderer.test.js @@ -289,6 +289,11 @@ app.whenReady().then(async()=>{ assert.ok(searchSize.available>=searchSize.text,JSON.stringify({width,language,searchSize})); assert.ok(searchSize.font>=13); assert.equal(searchSize.overflow,false); + const alignment=await wc.executeJavaScript('(() => {const input=document.getElementById("settingsSearchInput"),style=getComputedStyle(input),icon=document.querySelector(".settings-search-icon"),iconStyle=getComputedStyle(icon);return {text:style.textAlign,left:style.paddingLeft,right:style.paddingRight,iconRight:iconStyle.right,iconOnRight:icon.getBoundingClientRect().left>input.getBoundingClientRect().left+input.getBoundingClientRect().width/2};})()'); + assert.equal(alignment.text,'center'); + assert.equal(alignment.left,alignment.right); + assert.equal(alignment.iconRight,'12px'); + assert.equal(alignment.iconOnRight,true); } if(process.env.MHU_SEARCH_SCREENSHOT && width===1000){await wc.executeJavaScript('document.getElementById("settingsSearchInput").placeholder="Einstellungen durchsuchen"');await new Promise(resolve=>setTimeout(resolve,500));fs.writeFileSync(process.env.MHU_SEARCH_SCREENSHOT,(await wc.capturePage()).toPNG())} }