creatixchu
a030397aca
The session list overflows after a handful of sessions, and its scrollbar was drawn permanently in a column that is at rest most of the time. SidebarRoot now tracks the pointer over the whole column and rebinds ui-theme's scrollbar indirection pair to `transparent` while it is outside, keeping the thumb for 2s after the pointer leaves so it does not blink out on the way past. Rebinding colour leaves the list's `scrollbar-gutter: stable` reservation in force, so revealing the bar moves no row. ui-theme's gate now states the widened contract: a rebind targets an -l2 token pair or `transparent`, and nothing else.
202 lines
4.0 KiB
Plaintext
202 lines
4.0 KiB
Plaintext
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
|
|
exports[`sidebar shell snapshots > renders the collapsed rail after the crossfade settles, in place 1`] = `
|
|
<div
|
|
data-slot="sidebar"
|
|
>
|
|
<div
|
|
class="root collapsed railIn quietBars"
|
|
style=""
|
|
>
|
|
<div
|
|
class="logoRow"
|
|
>
|
|
<button
|
|
aria-label="Open sidebar"
|
|
class="iconButton toggle"
|
|
type="button"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="railFish"
|
|
data-content="965fe321"
|
|
fill="none"
|
|
height="17.6580310880829"
|
|
viewBox="0 0 23.16 17.04"
|
|
width="24"
|
|
/>
|
|
<svg
|
|
class="panelIcon"
|
|
data-content="35f95b0c"
|
|
fill="none"
|
|
height="18"
|
|
viewBox="0 0 16 16"
|
|
width="18"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
/>
|
|
</button>
|
|
</div>
|
|
<button
|
|
aria-label="New session"
|
|
class="newSession"
|
|
type="button"
|
|
>
|
|
<svg
|
|
data-content="c0ce4dcc"
|
|
fill="none"
|
|
height="18"
|
|
viewBox="0 0 16 16"
|
|
width="18"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
/>
|
|
</button>
|
|
<div
|
|
class="regionArea"
|
|
/>
|
|
<div
|
|
class="footArea"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`sidebar shell snapshots > renders the expanded column (wordmark, capsule, empty holes) 1`] = `
|
|
<div
|
|
data-slot="sidebar"
|
|
>
|
|
<div
|
|
class="root quietBars"
|
|
style="width: 300px;"
|
|
>
|
|
<div
|
|
class="logoRow"
|
|
>
|
|
<button
|
|
aria-label="New session"
|
|
class="brand wide"
|
|
type="button"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-content="951274b9"
|
|
fill="none"
|
|
height="24"
|
|
viewBox="0 0 182 24"
|
|
width="182"
|
|
/>
|
|
</button>
|
|
<button
|
|
aria-label="Collapse sidebar"
|
|
class="iconButton toggle"
|
|
type="button"
|
|
>
|
|
<svg
|
|
class="panelIcon"
|
|
data-content="35f95b0c"
|
|
fill="none"
|
|
height="16"
|
|
viewBox="0 0 16 16"
|
|
width="16"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
/>
|
|
</button>
|
|
</div>
|
|
<button
|
|
aria-label="New session"
|
|
class="newSession"
|
|
type="button"
|
|
>
|
|
<svg
|
|
data-content="c0ce4dcc"
|
|
fill="none"
|
|
height="14"
|
|
viewBox="0 0 16 16"
|
|
width="14"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
/>
|
|
<span
|
|
class="newSessionLabel wide"
|
|
>
|
|
New Session
|
|
</span>
|
|
</button>
|
|
<div
|
|
class="regionArea"
|
|
/>
|
|
<div
|
|
class="footArea"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`sidebar shell snapshots > renders the expanded column in the default locale (zh, no setLocale) 1`] = `
|
|
<div
|
|
data-slot="sidebar"
|
|
>
|
|
<div
|
|
class="root quietBars"
|
|
style="width: 300px;"
|
|
>
|
|
<div
|
|
class="logoRow"
|
|
>
|
|
<button
|
|
aria-label="新建会话"
|
|
class="brand wide"
|
|
type="button"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-content="951274b9"
|
|
fill="none"
|
|
height="24"
|
|
viewBox="0 0 182 24"
|
|
width="182"
|
|
/>
|
|
</button>
|
|
<button
|
|
aria-label="收起侧边栏"
|
|
class="iconButton toggle"
|
|
type="button"
|
|
>
|
|
<svg
|
|
class="panelIcon"
|
|
data-content="35f95b0c"
|
|
fill="none"
|
|
height="16"
|
|
viewBox="0 0 16 16"
|
|
width="16"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
/>
|
|
</button>
|
|
</div>
|
|
<button
|
|
aria-label="新建会话"
|
|
class="newSession"
|
|
type="button"
|
|
>
|
|
<svg
|
|
data-content="c0ce4dcc"
|
|
fill="none"
|
|
height="14"
|
|
viewBox="0 0 16 16"
|
|
width="14"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
/>
|
|
<span
|
|
class="newSessionLabel wide"
|
|
>
|
|
新会话
|
|
</span>
|
|
</button>
|
|
<div
|
|
class="regionArea"
|
|
/>
|
|
<div
|
|
class="footArea"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|