fix: feat #74

edelvarden · Oct 1, 2024 · d6004d0 · d6004d0
1 parent 959d635
commit d6004d0
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/user-chrome/components/_findbar.scss b/src/user-chrome/components/_findbar.scss
@@ -73,10 +73,10 @@ $-checkbox-selectors: (
       border-top-width: 0 !important;
     }
 
-    animation: 0.1s findbar-scale-in;
+    animation: get-var("short-duration") findbar-scale-in;
 
     &[hidden='true'] {
-      animation: 0.1s findbar-scale-out;
+      animation: 0ms findbar-scale-out;
     }
 
     // Nested Styles
@@ -238,9 +238,10 @@ $-checkbox-selectors: (
   position: relative !important;
 }
 
+// findbar position
 .browserContainer>findbar {
   position: absolute !important;
-  margin: 2px 2px 0 0 !important;
+  margin: 2px 14px 0 0 !important;
   align-items: center !important;
 }
 
@@ -396,3 +397,12 @@ $-checkbox-selectors: (
 .findbar-textbox:focus-visible {
   box-shadow: none !important;
 }
+
+// background color when not found
+.findbar-textbox {
+  &[status="notfound"] {
+    background-color: get-var("findbar-notfound-background-color") !important;
+    border-radius: 6px !important;
+    border-color: transparent !important;
+  }
+}
diff --git a/src/variables/_colors.scss b/src/variables/_colors.scss
@@ -32,6 +32,7 @@ $global: (
   "alltabs-background-color-open": cm(get-var(accent-color), get-var(tab-background-color-hover), 0.5),
   "urlbar-background-color-hover": get-var("menu-background-color-hover"),
   "urlbar-background-color-open": get-var("background-color-100"),
+  "findbar-notfound-background-color": rgba(255, 0, 0, 0.3),
   // --------------------------------------------------------------------------------
   // -- Shadow
   // --------------------------------------------------------------------------------