修复了一些一些已知问题

This commit is contained in:
2026-08-21 12:56:40 +08:00
parent 315aee1b12
commit e73b83ed83
2 changed files with 11 additions and 5 deletions
+8 -4
View File
@@ -110,12 +110,16 @@
/* Keep the drop-down search panel above a fixed header (z-index: 999). */ /* Keep the drop-down search panel above a fixed header (z-index: 999). */
.navbar-search { .navbar-search {
z-index: 1001; z-index: 1001;
opacity: 0;
transform: translate3d(0, -24px, 0);
transition: transform .24s ease, opacity .18s ease, visibility 0s linear .24s;
will-change: transform, opacity;
} }
.navbar-search > .container { .navbar-search.show {
position: relative; opacity: 1;
max-height: calc(100vh - 40px); transform: translate3d(0, 0, 0);
overflow-y: auto; transition-delay: 0s;
} }
.navbar-search .search-close-box { .navbar-search .search-close-box {
@@ -228,8 +228,10 @@ test('desktop header actions share one row without generic button masks', () =>
}) })
test('search dropdown clears the fixed header and closes from the panel lower-right', () => { test('search dropdown clears the fixed header and closes from the panel lower-right', () => {
assert.match(headerCss, /\.navbar-search\s*\{[^}]*z-index:\s*1001;/s) assert.match(headerCss, /\.navbar-search\s*\{[^}]*z-index:\s*1001;[^}]*transform:\s*translate3d\(0, -24px, 0\);[^}]*transition:\s*transform \.24s ease, opacity \.18s ease, visibility 0s linear \.24s;/s)
assert.match(headerCss, /\.navbar-search\.show\s*\{[^}]*opacity:\s*1;[^}]*transform:\s*translate3d\(0, 0, 0\);/s)
assert.doesNotMatch(headerCss, /\.navbar-search\s*\{[^}]*height:\s*100%/s) assert.doesNotMatch(headerCss, /\.navbar-search\s*\{[^}]*height:\s*100%/s)
assert.doesNotMatch(headerCss, /\.navbar-search > \.container\s*\{[^}]*overflow-y:\s*auto/s)
assert.match(headerCss, /\.navbar-search \.search-close-box\s*\{[^}]*display:\s*flex;[^}]*justify-content:\s*flex-end;[^}]*margin:\s*16px auto 0;/s) assert.match(headerCss, /\.navbar-search \.search-close-box\s*\{[^}]*display:\s*flex;[^}]*justify-content:\s*flex-end;[^}]*margin:\s*16px auto 0;/s)
assert.doesNotMatch(headerCss, /\.navbar-search \.search-close-box\s*\{[^}]*position:\s*fixed/s) assert.doesNotMatch(headerCss, /\.navbar-search \.search-close-box\s*\{[^}]*position:\s*fixed/s)
assert.ok(headerSearch.indexOf('echo $remote') < headerSearch.indexOf('search-close-box')) assert.ok(headerSearch.indexOf('echo $remote') < headerSearch.indexOf('search-close-box'))