luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(mobile): remove all focus style for link and button (#8208)

Browse Source
This commit is contained in:
CatsJuice
2024-09-12 03:07:31 +00:00
parent ba81b1a9ca
commit 8bf0458ef4
3 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/frontend/component/src/ui/button/button.css.ts
View File

@@ -180,6 +180,10 @@ export const button = style({
borderRadius: 'inherit', borderRadius: 'inherit',
boxShadow: `0 0 0 1px ${cssVarV2('layer/insideBorder/primaryBorder')}`, boxShadow: `0 0 0 1px ${cssVarV2('layer/insideBorder/primaryBorder')}`,
}, },
'&[data-mobile=true]:focus-visible::after': {
content: 'none',
display: 'none',
},
}, },
}); });
export const content = style({ export const content = style({

1
packages/frontend/component/src/ui/button/button.tsx
View File

@@ -162,6 +162,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
data-size={size} data-size={size}
data-variant={variant} data-variant={variant}
data-no-hover={withoutHover || undefined} data-no-hover={withoutHover || undefined}
data-mobile={environment.isMobileEdition}
onClick={handleClick} onClick={handleClick}
> >
<IconSlot <IconSlot

7
packages/frontend/mobile/src/styles/mobile.css.ts
View File

@@ -22,3 +22,10 @@ globalStyle('html', {
overflowY: 'auto', overflowY: 'auto',
background: cssVarV2('layer/background/secondary'), background: cssVarV2('layer/background/secondary'),
}); });
globalStyle('a:focus', {
outline: 'none',
});
globalStyle('button:focus', {
outline: 'none',
});