Hold the docked search view's 240px floor to a view with results
A search whose slot renders nothing would otherwise open as an empty 240px box; M3's minimum is about a container with something in it. Plan step 20, finding IN-20. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
This commit is contained in:
co-authored by
Claude Fable 5.1
parent
0074f9bd5c
commit
0ffb2b06db
@@ -182,8 +182,6 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
max-width: var(--search-open-width);
|
max-width: var(--search-open-width);
|
||||||
/* M3: the docked container is at least 240px tall and at most two thirds of the window. */
|
|
||||||
min-height: 15rem;
|
|
||||||
max-height: min(40rem, 70dvh);
|
max-height: min(40rem, 70dvh);
|
||||||
padding-top: var(--search-height);
|
padding-top: var(--search-height);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -204,6 +202,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* M3: the docked container is at least 240px tall — once there is something in it to be tall
|
||||||
|
about; a search with nothing to show stays the height of its bar. */
|
||||||
|
[data-search-view]:has([data-search-results]) {
|
||||||
|
min-height: 15rem;
|
||||||
|
}
|
||||||
|
|
||||||
/* No divider: that belongs to the divided style, which Expressive deprecates in favour of the
|
/* No divider: that belongs to the divided style, which Expressive deprecates in favour of the
|
||||||
contained one this file draws. */
|
contained one this file draws. */
|
||||||
[data-search-results] {
|
[data-search-results] {
|
||||||
|
|||||||
Reference in New Issue
Block a user