fix: updated link focus

dastrong-codiga · dastrong-codiga · commit e219d04fefad · 2022-09-02T13:00:11.000-07:00
diff --git a/src/renderer/components/CookbookTable/CookbookTable.tsx b/src/renderer/components/CookbookTable/CookbookTable.tsx
@@ -99,6 +99,7 @@ export default function CookbookTable({ cookbooks }: CookbookTableProps) {
                             href={`${getGroupUrl(
                               cookbook.groups[0].id!
                             )}/cookbooks`}
+                            _focus={{ boxShadow: 'none' }}
                           >
                             {cookbook.groups[0].name}
                           </Link>
diff --git a/src/renderer/components/SnippetTable/SnippetTable.tsx b/src/renderer/components/SnippetTable/SnippetTable.tsx
@@ -100,6 +100,7 @@ export default function SnippetTable({ recipes }: SnippetTableProps) {
                             href={`${getGroupUrl(
                               recipe.groups[0].id!
                             )}/snippets`}
+                            _focus={{ boxShadow: 'none' }}
                           >
                             {recipe.groups[0].name}
                           </Link>
diff --git a/src/renderer/components/UserLink/UserLink.tsx b/src/renderer/components/UserLink/UserLink.tsx
@@ -12,7 +12,12 @@ export default function UserLink({ owner = {} }: UserLinkProps) {
 
   if (hasSlug && slug) {
     return (
-      <Link isExternal variant="subtle" href={getUserUrl(slug)}>
+      <Link
+        isExternal
+        variant="subtle"
+        href={getUserUrl(slug)}
+        _focus={{ boxShadow: 'none' }}
+      >
         {displayName || 'Anonymous'}
         <ExternalLinkIcon ml="space_4" color="neutral.75" />
       </Link>
diff --git a/src/renderer/pages/ViewCookbookSnippets.tsx b/src/renderer/pages/ViewCookbookSnippets.tsx
@@ -53,6 +53,7 @@ export default function ViewCookbookSnippets() {
             <Link
               isExternal
               variant="subtle"
+                _focus={{ boxShadow: 'none' }}
               href={getCookbookUrl(cookbook.id)}
             >
               {cookbook.name}
diff --git a/src/renderer/pages/ViewSnippet.tsx b/src/renderer/pages/ViewSnippet.tsx
@@ -49,7 +49,12 @@ export default function ViewSnippet() {
         <Flex alignItems="center" gridGap="space_8">
           <Logo value={recipe.language} fullSize={false} logoSize={24} />
           <Text size="sm" fontWeight="bold" noOfLines={1}>
-            <Link isExternal variant="subtle" href={getSnippetUrl(recipe.id)}>
+            <Link
+              isExternal
+              variant="subtle"
+              href={getSnippetUrl(recipe.id)}
+              _focus={{ boxShadow: 'none' }}
+            >
               {recipe.name}
             </Link>
           </Text>
diff --git a/src/renderer/styles/app.css b/src/renderer/styles/app.css
@@ -1,3 +0,0 @@
-a:focus {
-  box-shadow: none !important;
-}

Original file line number	Diff line number	Diff line change
`@@ -99,6 +99,7 @@ export default function CookbookTable({ cookbooks }: CookbookTableProps) {`
`99`	`99`	href={`${getGroupUrl(
`100`	`100`	`cookbook.groups[0].id!`
`101`	`101`	)}/cookbooks`}
	`102`	`+ _focus={{ boxShadow: 'none' }}`
`102`	`103`	`>`
`103`	`104`	`{cookbook.groups[0].name}`
`104`	`105`	`</Link>`
Original file line number	Diff line number	Diff line change
`@@ -100,6 +100,7 @@ export default function SnippetTable({ recipes }: SnippetTableProps) {`
`100`	`100`	href={`${getGroupUrl(
`101`	`101`	`recipe.groups[0].id!`
`102`	`102`	)}/snippets`}
	`103`	`+ _focus={{ boxShadow: 'none' }}`
`103`	`104`	`>`
`104`	`105`	`{recipe.groups[0].name}`
`105`	`106`	`</Link>`
Original file line number	Diff line number	Diff line change
`@@ -53,6 +53,7 @@ export default function ViewCookbookSnippets() {`
`53`	`53`	`<Link`
`54`	`54`	`isExternal`
`55`	`55`	`variant="subtle"`
	`56`	`+ _focus={{ boxShadow: 'none' }}`
`56`	`57`	`href={getCookbookUrl(cookbook.id)}`
`57`	`58`	`>`
`58`	`59`	`{cookbook.name}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +0,0 @@`
`1`		`-a:focus {`
`2`		`- box-shadow: none !important;`
`3`		`-}`