From 3f14b62b202c198a762a8b4038b9bcd643adf1d0 Mon Sep 17 00:00:00 2001 From: Eric Bailey Date: Sun, 10 Mar 2024 18:26:00 -0500 Subject: [PATCH] Remove bad focus styles from post dropdown --- src/components/Menu/index.web.tsx | 2 +- src/view/com/util/forms/PostDropdownBtn.tsx | 7 ++----- 2 files changed, 3 insertions(+), 6 deletions(-) diff --git a/src/components/Menu/index.web.tsx b/src/components/Menu/index.web.tsx index 054e51b01e..3505b5efa4 100644 --- a/src/components/Menu/index.web.tsx +++ b/src/components/Menu/index.web.tsx @@ -92,7 +92,7 @@ export function Trigger({children, label, style}: TriggerProps) { accessibilityLabel={label} onFocus={onFocus} onBlur={onBlur} - style={flatten([style, focused && web({outline: 0})])} + style={flatten([style])} onPointerDown={() => control.open()} {...web({ onMouseEnter, diff --git a/src/view/com/util/forms/PostDropdownBtn.tsx b/src/view/com/util/forms/PostDropdownBtn.tsx index d0daa99ce9..f15352ce27 100644 --- a/src/view/com/util/forms/PostDropdownBtn.tsx +++ b/src/view/com/util/forms/PostDropdownBtn.tsx @@ -39,7 +39,7 @@ import {richTextToString} from '#/lib/strings/rich-text-helpers' import {ReportDialog, useReportDialogControl} from '#/components/ReportDialog' import {useGlobalDialogsControlContext} from '#/components/dialogs/Context' -import {atoms as a, useTheme as useAlf, web} from '#/alf' +import {atoms as a, useTheme as useAlf} from '#/alf' import * as Menu from '#/components/Menu' import {Clipboard_Stroke2_Corner2_Rounded as ClipboardIcon} from '#/components/icons/Clipboard' import {Filter_Stroke2_Corner0_Rounded as Filter} from '#/components/icons/Filter' @@ -186,10 +186,7 @@ let PostDropdownBtn = ({ const styles = [ style, a.rounded_full, - (state.hovered || state.focused || state.pressed) && [ - web({outline: 0}), - alf.atoms.bg_contrast_25, - ], + (state.hovered || state.pressed) && [alf.atoms.bg_contrast_25], ] return isWeb ? (