input box focus fix (#569)

Co-authored-by: Fyle <[email protected]>
fylein · Feb 15, 2024 · 8df483f · 8df483f
1 parent aac7b94
commit 8df483f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/src/app/shared/components/qbd/configuration/export-setting/export-setting.component.scss b/src/app/shared/components/qbd/configuration/export-setting/export-setting.component.scss
@@ -7,5 +7,5 @@
 }
 
 :host ::ng-deep .normal-box :enabled:focus-visible {
-    @apply tw-border-slightly-normal-text-color #{!important};
+    @apply tw-border-input-focused-border #{!important};
 }
diff --git a/src/assets/themes/fyle/fdl.scss b/src/assets/themes/fyle/fdl.scss
@@ -346,5 +346,7 @@
     --calendar-month-hover-bg: var(--bg-tertiary);
 
     --search-focused-search-icon: var(--icon-muted);
+
+    --input-focused-border: var(--bg-secondary)
   }
 }
diff --git a/src/styles.scss b/src/styles.scss
@@ -151,7 +151,7 @@ p {
 }
 
 .p-inputtext:enabled:focus-visible {
-    @apply tw-shadow-none tw-border-select-default-border #{!important};
+    @apply tw-shadow-none tw-border-input-focused-border #{!important};
 }
 
 // Tooltip