neuron-technologies/neuron
3
0
Fork 0
Code Issues 44 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(app): avoid clipping new session during sidebar anim

Browse Source
This commit is contained in:
David Hill
2026-03-12 23:40:09 +00:00
committed by Adam
parent ffde837e83
commit 050d71bcf9
1 changed files with 35 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/components/titlebar.tsx
+16 -9
View File
@@ -218,14 +218,15 @@ export function Titlebar() {
<div class="hidden xl:flex items-center shrink-0">
<Show when={params.dir}>
<div
class="overflow-hidden flex items-center shrink-0 transition-[width,opacity,transform]"
classList={{
"w-8 opacity-100 translate-x-0": !layout.sidebar.opened(),
"w-0 opacity-0 -translate-x-1 pointer-events-none": layout.sidebar.opened(),
"duration-180 ease-out": !layout.sidebar.opened(),
"duration-120 ease-in": layout.sidebar.opened(),
}}
class="flex items-center shrink-0 w-8 mr-1"
aria-hidden={layout.sidebar.opened() ? "true" : undefined}
>
<div
class="transition-opacity"
classList={{
"opacity-100 duration-120 ease-out": !layout.sidebar.opened(),
"opacity-0 duration-120 ease-in delay-0 pointer-events-none": layout.sidebar.opened(),
}}
>
<TooltipKeybind
placement="bottom"
@@ -248,10 +249,16 @@ export function Titlebar() {
/>
</TooltipKeybind>
</div>
</div>
</Show>
<div
class="flex items-center gap-0 transition-[margin] duration-180 ease-out"
classList={{ "ml-1": !!params.dir && !layout.sidebar.opened() }}
class="flex items-center gap-0 transition-transform"
classList={{
"translate-x-0": !layout.sidebar.opened(),
"-translate-x-[36px]": layout.sidebar.opened(),
"duration-180 ease-out": !layout.sidebar.opened(),
"duration-180 ease-in": layout.sidebar.opened(),
}}
>
<Tooltip placement="bottom" value={language.t("common.goBack")} openDelay={2000}>
<Button