diff --git a/chrome.html b/chrome.html index 1994c0e5..21479a14 100644 --- a/chrome.html +++ b/chrome.html @@ -235,7 +235,13 @@ /* Search-box floor bumped so the "Search" placeholder always fits inside the input — dropping below ~180px in normal font sizes was where the placeholder text started getting clipped. */ - .searchbox { flex: 1 1 0; min-width: 180px; } + .searchbox { flex: 1 1 0; min-width: 180px; transition: flex-basis .14s ease; } + /* While the user is typing a search, give the searchbox more room by + reducing the URL bar's basis (urlBarWidthPx can be set wide via drag, + which otherwise squeezes the search field below what fits a longer + query). Both shrink proportionally if the parent is tight, so this + never overflows. */ + .urlsearch:has(.searchbox:focus-within) .searchbox { flex: 2 1 480px; } /* Single drag handle sitting between the two — a thin 6px column with a col-resize cursor. Zero-sum semantics: dragging right grows the URL bar and shrinks the search bar; dragging left does the inverse. */ diff --git a/package.json b/package.json index eb2ec4b4..5322dedf 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "theseus-navigator", - "version": "0.3.127", + "version": "0.3.128", "license": "MPL-2.0", "description": "Theseus Navigator — a browser that follows the thread. By Silent Mode, a Deviant project.", "author": "Silent Mode",