From 6b3ca9cc6a662f763385c84db3b2d92248fd3ce5 Mon Sep 17 00:00:00 2001
From: Denevola <denevola@scipnet.kro.kr>
Date: Thu, 29 Sep 2022 21:00:29 +0900
Subject: [PATCH] Fix progress bar with proper outline design

---
 src/components/StatusBar.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/StatusBar.vue b/src/components/StatusBar.vue
index 499416f..95a5624 100644
--- a/src/components/StatusBar.vue
+++ b/src/components/StatusBar.vue
@@ -318,8 +318,12 @@ input[type='range'] {
   cursor: pointer;
   position: relative;
 }
+input[type='range']:hover,
 input[type='range']:focus {
-  outline: none;
+  outline-style: none;
+}
+input[type='range']:focus-visible {
+  outline-style: solid;
 }
 
 /* Webkit */