修复了一些一些已知问题
This commit is contained in:
@@ -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'))
|
||||||
|
|||||||
Reference in New Issue
Block a user