From 07edae4cc35098fea1d0c7598a21094e5a37f584 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 2 Mar 2023 21:54:05 +0800
Subject: [PATCH] Make focus ring follow the radius

This still won't work on Safari because its outline radius doesn't inherit from border radius
Future Safari will fix this
---
 src/app.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app.css b/src/app.css
index 811c1b03..5a5e10b9 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1505,15 +1505,19 @@ ul.link-list li a .icon {
     margin-top: 24px;
   }
   .timeline:not(.flat) > li {
+    --item-radius: 16px;
     border: 1px solid var(--divider-color);
     margin: 16px 0;
     background-color: var(--bg-color);
-    border-radius: 16px;
+    border-radius: var(--item-radius);
     overflow: hidden;
     box-shadow: 0px 1px var(--bg-blur-color);
     transition: transform 0.4s var(--timing-function);
     --back-transition: transform 0.4s ease-out;
   }
+  .timeline:not(.flat) > li > a {
+    border-radius: var(--item-radius);
+  }
   .timeline:not(.flat) > li:not(:has(.status-carousel)) {
     transform: translate3d(0, 0, 0);
   }