diff --git a/apps/renderer/src/components/ui/button/index.tsx b/apps/renderer/src/components/ui/button/index.tsx index e25826916..c68a03805 100644 --- a/apps/renderer/src/components/ui/button/index.tsx +++ b/apps/renderer/src/components/ui/button/index.tsx @@ -62,7 +62,7 @@ export const ActionButton = React.forwardRef< className={cn( "no-drag-region inline-flex size-8 items-center justify-center text-xl", active && "bg-zinc-500/15 hover:bg-zinc-500/20", - "focus-visible:bg-zinc-500/30 focus-visible:!outline-none", + //"focus-visible:bg-zinc-500/30 focus-visible:!outline-none", "rounded-md duration-200 hover:bg-theme-button-hover data-[state=open]:bg-theme-button-hover", "disabled:cursor-not-allowed disabled:opacity-50", className, diff --git a/apps/renderer/src/modules/feed-column/index.tsx b/apps/renderer/src/modules/feed-column/index.tsx index f23e14fa5..f33dd963d 100644 --- a/apps/renderer/src/modules/feed-column/index.tsx +++ b/apps/renderer/src/modules/feed-column/index.tsx @@ -88,10 +88,12 @@ export function FeedColumn({ children, className }: PropsWithChildren<{ classNam } }, [setActive_]) + const [useHotkeysSwitch, setUseHotkeysSwitch] = useState(false) useHotkeys( shortcuts.feeds.switchBetweenViews.key, (e) => { e.preventDefault() + setUseHotkeysSwitch(true) if (isHotkeyPressed("Left")) { setActive((i) => { if (i === 0) { @@ -161,9 +163,11 @@ export function FeedColumn({ children, className }: PropsWithChildren<{ classNam "flex flex-col items-center gap-1 text-xl", ELECTRON ? "hover:!bg-theme-vibrancyBg" : "", showSidebarUnreadCount && "h-11", + active === index && useHotkeysSwitch ? "bg-zinc-500/30" : "", )} onClick={(e) => { setActive(index) + setUseHotkeysSwitch(false) e.stopPropagation() }} >