Center settings search text and move search icon right
CI / verify (push) Waiting to run

This commit is contained in:
Sucukdeluxe
2026-09-22 06:16:11 +02:00
parent f05c08d49c
commit e81b44e483
3 changed files with 9 additions and 2 deletions
+1
View File
@@ -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.
+3 -2
View File
@@ -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);
+5
View File
@@ -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())}
}