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;
|
||||
flex-direction: column;
|
||||
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);
|
||||
padding-top: var(--search-height);
|
||||
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
|
||||
contained one this file draws. */
|
||||
[data-search-results] {
|
||||
|
||||
Reference in New Issue
Block a user