From 921f219c5a3e39a1dc68fde5bf0be42795dad9ff Mon Sep 17 00:00:00 2001 From: Max Leiter Date: Sun, 20 Mar 2022 20:54:31 -0700 Subject: [PATCH] client: add focus styling for file upload area --- .../new-post/drag-and-drop/drag-and-drop.module.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/client/components/new-post/drag-and-drop/drag-and-drop.module.css b/client/components/new-post/drag-and-drop/drag-and-drop.module.css index 1277720d..bacc5ff7 100644 --- a/client/components/new-post/drag-and-drop/drag-and-drop.module.css +++ b/client/components/new-post/drag-and-drop/drag-and-drop.module.css @@ -18,10 +18,14 @@ border-radius: 2px; border-style: dashed; outline: none; - transition: border 0.24s ease-in-out; + transition: all 0.24s ease-in-out; cursor: pointer; } +.dropzone:focus { + box-shadow: 0 0 4px 1px rgba(124, 124, 124, 0.5); +} + .error { color: red; font-size: 0.8rem;