ToothFairyAI_Public/tf_code
1
0
Fork 0
mirror of https://gitea.toothfairyai.com/ToothFairyAI/tf_code.git synced 2026-03-30 05:43:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(app): animate titlebar controls on sidebar open

Browse Source
This commit is contained in:
David Hill 2026-03-12 23:23:03 +00:00 committed by Adam
parent 536abea2e2
commit ffde837e83
No known key found for this signature in database
GPG Key ID: 9CB48779AF150E75
1 changed files with 34 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
packages/app/src/components/titlebar.tsx
View File

@ -217,26 +217,42 @@ export function Titlebar() {
</TooltipKeybind>
<div class="hidden xl:flex items-center shrink-0">
<Show when={params.dir}>
<TooltipKeybind
placement="bottom"
title={language.t("command.session.new")}
keybind={command.keybind("session.new")}
openDelay={2000}
<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(),
}}
aria-hidden={layout.sidebar.opened() ? "true" : undefined}
>
<Button
variant="ghost"
icon={creating() ? "new-session-active" : "new-session"}
class="titlebar-icon w-8 h-6 p-0 box-border"
onClick={() => {
if (!params.dir) return
navigate(`/${params.dir}/session`)
}}
aria-label={language.t("command.session.new")}
aria-current={creating() ? "page" : undefined}
/>
</TooltipKeybind>
<TooltipKeybind
placement="bottom"
title={language.t("command.session.new")}
keybind={command.keybind("session.new")}
openDelay={2000}
>
<Button
variant="ghost"
icon={creating() ? "new-session-active" : "new-session"}
class="titlebar-icon w-8 h-6 p-0 box-border"
disabled={layout.sidebar.opened()}
tabIndex={layout.sidebar.opened() ? -1 : undefined}
onClick={() => {
if (!params.dir) return
navigate(`/${params.dir}/session`)
}}
aria-label={language.t("command.session.new")}
aria-current={creating() ? "page" : undefined}
/>
</TooltipKeybind>
</div>
</Show>
<div class="flex items-center gap-0" classList={{ "ml-1": !!params.dir }}>
<div
class="flex items-center gap-0 transition-[margin] duration-180 ease-out"
classList={{ "ml-1": !!params.dir && !layout.sidebar.opened() }}
>
<Tooltip placement="bottom" value={language.t("common.goBack")} openDelay={2000}>
<Button
variant="ghost"