fix: Extra active outline around editor toolbar buttons

2020-07-20 19:37:50 -07:00
parent 822395c265
commit a97a1df5f1
1 changed files with 5 additions and 1 deletions
--- a/app/components/Editor.js
+++ b/app/components/Editor.js
@@ -110,10 +110,14 @@ const StyledEditor = styled(RichMarkdownEditor)`

 const EditorTooltip = ({ children, ...props }) => (
  <Tooltip offset="0, 16" delay={150} {...props}>
-    <span>{children}</span>
+    <Span>{children}</Span>
  </Tooltip>
 );

+const Span = styled.span`
+  outline: none;
+`;
+
 const EditorWithRouterAndTheme = withRouter(withTheme(Editor));

 export default React.forwardRef((props, ref) => (