yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Border of file attachment not rounded in Safari (outline -> box shadow)

Browse Source
This commit is contained in:
Tom Moor
2022-03-06 21:56:52 -08:00
parent 9a7090d528
commit 80be26b2de
1 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
shared/editor/components/Widget.tsx
View File

@@ -67,7 +67,7 @@ const Wrapper = styled.a`
gap: 6px; gap: 6px;
background: ${(props) => props.theme.background}; background: ${(props) => props.theme.background};
color: ${(props) => props.theme.text} !important; color: ${(props) => props.theme.text} !important;
outline: 1px solid ${(props) => props.theme.divider}; box-shadow: 0 0 0 1px ${(props) => props.theme.divider};
white-space: nowrap; white-space: nowrap;
border-radius: 8px; border-radius: 8px;
padding: 6px 8px; padding: 6px 8px;
@@ -82,13 +82,10 @@ const Wrapper = styled.a`
props.href && props.href &&
css` css`
&:hover, &:hover,
&:active, &:active {
&:focus,
&:focus:not(.focus-visible) {
cursor: pointer !important; cursor: pointer !important;
text-decoration: none !important; text-decoration: none !important;
background: ${(props) => props.theme.secondaryBackground}; background: ${(props) => props.theme.secondaryBackground};
outline: 1px solid ${(props) => props.theme.divider};
${Children} { ${Children} {
opacity: 1; opacity: 1;