From 3e221f3b6aa9475882bfe0bad7051641897fdd07 Mon Sep 17 00:00:00 2001
From: Sasha Sorokin <10401817+Brawaru@users.noreply.github.com>
Date: Sun, 4 Sep 2022 07:34:19 +0200
Subject: [PATCH] Minor fixes for "See all" link design (#627)

- Now styled as a proper link.
- Change :focus to :focus-visible to avoid link getting stuck in that
  'hovered' state because focus does not actually change (it deffo
  should though, something to fix in the future - should be one
  fragment change).
- Removed all padding and transition.
---
 pages/_type/_id.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/pages/_type/_id.vue b/pages/_type/_id.vue
index 9c9cb162b..6b4739215 100644
--- a/pages/_type/_id.vue
+++ b/pages/_type/_id.vue
@@ -1047,15 +1047,18 @@ export default {
     display: inline-flex;
     align-items: center;
     gap: 3px;
-    padding: 5px 3px 5px 7px; // <- 3px & -> 7px to compensate for chevron
+
     border-radius: 5px;
-    transition: 0.05s all ease-in-out;
+    color: var(--color-link);
   }
 
   .all-link:hover,
-  .all-link:focus {
+  .all-link:focus-visible {
+    color: var(--color-link-hover);
+  }
+
+  .all-link:active {
     color: var(--color-link-active);
-    background: var(--color-card-link-bg);
   }
 }