fix: category-filter hover focus

siemens · Jun 24, 2024 · 14c8e1f · 14c8e1f
1 parent 32a778c
commit 14c8e1f
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 15 deletions.
diff --git a/packages/core/scss/components/form/_input.scss b/packages/core/scss/components/form/_input.scss
@@ -18,7 +18,7 @@
     padding: 0.25rem 0.5rem;
     background-color: var(--theme-input--background);
     color: var(--theme-input--color);
-    -moz-appearance: textfield;
+    appearance: textfield;
     text-overflow: ellipsis;
     border: var(--theme-input--border-thickness, 1px) solid
       var(--theme-input--border-color);

diff --git a/packages/core/src/components/category-filter/category-filter.scss b/packages/core/src/components/category-filter/category-filter.scss
@@ -25,11 +25,6 @@
   position: relative;
   height: auto;
 
-  @include host-focus-visible {
-    border-color: var(--theme-color-primary);
-    box-shadow: 0 0 $tiny-space 0 var(--theme-color-primary) !important;
-  }
-
   .reset-button {
     position: absolute;
     top: $tiny-space;
@@ -41,8 +36,17 @@
   }
 
   .input-container {
-    &:not(.readonly):not(.disabled) {
-      @include element-input('false');
+    @include element-input(false);
+
+    &:not(.readonly):not(.disabled):hover {
+      border-color: var(--theme-input--border-color--hover) !important;
+      background-color: var(--theme-input--background--hover);
+    }
+
+    &:not(.readonly):not(.disabled).focus {
+      outline: 1px solid var(--theme-color-focus-bdr);
+      outline-offset: var(--theme-input--focus--outline-offset);
+      border-color: var(--theme-input--border-color--focus) !important;
     }
 
     &.disabled {

diff --git a/turbo.json b/turbo.json
@@ -26,17 +26,12 @@
       ],
       "outputLogs": "new-only"
     },
-    "pkg": {
-      "dependsOn": [
-        "^build"
-      ],
-      "cache": true
-    },
     "start": {
       "dependsOn": [
         "^build"
       ],
-      "cache": true
+      "cache": true,
+      "persistent": true
     },
     "lint": {
       "cache": false