refactor: fix focus on item

Stremio · Dec 3, 2024 · 6d3eeaa · 6d3eeaa
1 parent 46a29a4
commit 6d3eeaa
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/common/RadioButton/RadioButton.less b/src/common/RadioButton/RadioButton.less
@@ -1,5 +1,7 @@
 // Copyright (C) 2017-2024 Smart code 203358507
 
+@import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
+
 .radio-button {
     display: flex;
     align-items: center;
@@ -20,6 +22,9 @@
         outline: none;
         user-select: none;
         margin-right: 0.75rem;
+        outline-width: var(--focus-outline-size);
+        outline-color: @color-surface-light5;
+        outline-offset: calc(-1 * var(--focus-outline-size));
 
         input[type='radio'] {
             opacity: 0;
@@ -53,5 +58,9 @@
                 opacity: 1;
             }
         }
+
+        &:focus {
+            outline-style: solid;
+        }
     }
 }
diff --git a/src/routes/Settings/URLsManager/Item/Item.less b/src/routes/Settings/URLsManager/Item/Item.less
@@ -88,7 +88,7 @@
                 color: var(--primary-foreground-color);
             }
 
-            &:hover {
+            &:hover, &:focus {
                 background-color: var(--overlay-color);
 
                 .icon {
@@ -121,6 +121,10 @@
 
             .delete {
                 right: 0.5rem;
+
+                .icon {
+                    opacity: 0.6;
+                }
             }
         }
     }