From 9c13ea3dd29dc692395a74a92a2c786e9ff11c71 Mon Sep 17 00:00:00 2001 From: Samuel Mannehed Date: Wed, 7 Dec 2022 15:11:59 +0100 Subject: [PATCH] Use a outline instead of border for focus-visible This is the more common way to do it, and allows us to use a offset. --- app/styles/input.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/app/styles/input.css b/app/styles/input.css index 17e63192..51990bcf 100644 --- a/app/styles/input.css +++ b/app/styles/input.css @@ -174,9 +174,8 @@ input[type=range]:focus-visible, button:focus-visible, select:focus-visible, textarea:focus-visible { - box-shadow: 0px 0px 3px rgba(74, 144, 217, 0.5); - border-color: rgb(74, 144, 217); - outline: none; + outline: 2px solid rgb(74, 144, 217); + outline-offset: 1px; } input:not([type]):disabled,