Skip to content

Commit e8820c1

Browse files
fix(browser): align navigation button interaction
1 parent d7cae11 commit e8820c1

1 file changed

Lines changed: 5 additions & 23 deletions

File tree

apps/emdash-desktop/src/renderer/features/browser/browser-toolbar.tsx

Lines changed: 5 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -73,8 +73,6 @@ export function BrowserToolbar({
7373
const [urlError, setUrlError] = useState<string | null>(null);
7474
const [failedFaviconUrl, setFailedFaviconUrl] = useState<string | null>(null);
7575
const [screenshotSpin, triggerScreenshotSpin] = useTransientFlag(300);
76-
const [backNudge, triggerBackNudge] = useTransientFlag(200);
77-
const [forwardNudge, triggerForwardNudge] = useTransientFlag(200);
7876
const urlInputRef = useRef<HTMLInputElement | null>(null);
7977
const faviconUrl =
8078
session.faviconUrl && session.faviconUrl !== failedFaviconUrl ? session.faviconUrl : null;
@@ -143,32 +141,16 @@ export function BrowserToolbar({
143141
<ToolbarIconButton
144142
label="Back"
145143
disabled={!adapter || !session.canGoBack}
146-
onClick={() => {
147-
triggerBackNudge();
148-
onGoBack?.();
149-
}}
144+
onClick={() => onGoBack?.()}
150145
>
151-
<ArrowLeft
152-
className={cn(
153-
'size-4 transition-transform duration-200 ease-out',
154-
backNudge && '-translate-x-0.5'
155-
)}
156-
/>
146+
<ArrowLeft className="size-4" />
157147
</ToolbarIconButton>
158148
<ToolbarIconButton
159149
label="Forward"
160150
disabled={!adapter || !session.canGoForward}
161-
onClick={() => {
162-
triggerForwardNudge();
163-
onGoForward?.();
164-
}}
151+
onClick={() => onGoForward?.()}
165152
>
166-
<ArrowRight
167-
className={cn(
168-
'size-4 transition-transform duration-200 ease-out',
169-
forwardNudge && 'translate-x-0.5'
170-
)}
171-
/>
153+
<ArrowRight className="size-4" />
172154
</ToolbarIconButton>
173155
<ToolbarIconButton label={session.isLoading ? 'Stop' : 'Reload'} onClick={() => onReload?.()}>
174156
{session.isLoading ? <Square className="size-3.5" /> : <RefreshCw className="size-4" />}
@@ -368,7 +350,7 @@ function ToolbarIconButton({
368350
type="button"
369351
variant="ghost"
370352
size="icon"
371-
className="size-7 shrink-0 transition-transform duration-150 ease-out active:scale-[0.96]"
353+
className="size-7 shrink-0"
372354
disabled={disabled}
373355
aria-label={label}
374356
onClick={onClick}

0 commit comments

Comments
 (0)