urlbar: add slide-up animation of urls when urlbar is focused

TanvirOnGH · Oct 2, 2024 · 6624494 · 6624494
1 parent fa6d7d2
commit 6624494
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/chrome/bar/urlbar.css b/chrome/bar/urlbar.css
@@ -47,6 +47,22 @@
   opacity: 0 !important;
 }
 
+@keyframes slideUp {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+/* Slide-up animation of the urls when the URL bar is focused */
+#urlbar[focused] #urlbar-results {
+  animation: slideUp 0.2s ease-out forwards;
+}
+
 @keyframes darkenBackground {
   from {
     background-color: rgba(0, 0, 0, 0);