acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Remove bad focus styles from post dropdown

Browse Source
This commit is contained in:
Eric Bailey
2024-03-10 18:26:00 -05:00
parent 60d043ecef
commit 3f14b62b20
2 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Menu/index.web.tsx
+1 -1
View File
@@ -92,7 +92,7 @@ export function Trigger({children, label, style}: TriggerProps) {
accessibilityLabel={label} accessibilityLabel={label}
onFocus={onFocus} onFocus={onFocus}
onBlur={onBlur} onBlur={onBlur}
style={flatten([style, focused && web({outline: 0})])} style={flatten([style])}
onPointerDown={() => control.open()} onPointerDown={() => control.open()}
{...web({ {...web({
onMouseEnter, onMouseEnter,
src/view/com/util/forms/PostDropdownBtn.tsx
+2 -5
View File
@@ -39,7 +39,7 @@ import {richTextToString} from '#/lib/strings/rich-text-helpers'
import {ReportDialog, useReportDialogControl} from '#/components/ReportDialog' import {ReportDialog, useReportDialogControl} from '#/components/ReportDialog'
import {useGlobalDialogsControlContext} from '#/components/dialogs/Context' 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 * as Menu from '#/components/Menu'
import {Clipboard_Stroke2_Corner2_Rounded as ClipboardIcon} from '#/components/icons/Clipboard' import {Clipboard_Stroke2_Corner2_Rounded as ClipboardIcon} from '#/components/icons/Clipboard'
import {Filter_Stroke2_Corner0_Rounded as Filter} from '#/components/icons/Filter' import {Filter_Stroke2_Corner0_Rounded as Filter} from '#/components/icons/Filter'
@@ -186,10 +186,7 @@ let PostDropdownBtn = ({
const styles = [ const styles = [
style, style,
a.rounded_full, a.rounded_full,
(state.hovered || state.focused || state.pressed) && [ (state.hovered || state.pressed) && [alf.atoms.bg_contrast_25],
web({outline: 0}),
alf.atoms.bg_contrast_25,
],
] ]
return isWeb ? ( return isWeb ? (
<View {...props} testID={testID} style={styles}> <View {...props} testID={testID} style={styles}>