X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2FfindBar.css;h=63e13a9b9d7ecd055a9a623b8bea02e31a917a34;hp=f4459c0a7fc42449d07febc79a2501cd2d4d10db;hb=e2734cc744523d8adb0aa3d44644220b98d8201c;hpb=f128e38f4b564fd22f46f810e104934d864d7caf

diff --git a/LCARStrek/global/findBar.css b/LCARStrek/global/findBar.css
index f4459c0a..63e13a9b 100644
--- a/LCARStrek/global/findBar.css
+++ b/LCARStrek/global/findBar.css
@@ -12,6 +12,18 @@ findbar {
   border-top: 3px solid #000000;
   border-bottom: none;
   min-width: 1px;
+  transition-property: margin-bottom, opacity, visibility;
+  transition-duration: 150ms, 150ms, 0s;
+  transition-timing-function: ease-in-out, ease-in-out, linear;
+}
+
+findbar[hidden] {
+  /* Override display:none to make the transition work. */
+  display: -moz-box;
+  visibility: collapse;
+  margin-bottom: -1em;
+  opacity: 0;
+  transition-delay: 0s, 0s, 150ms;
 }
 
 /* find-next button */
@@ -80,3 +92,7 @@ findbar {
 .find-status-icon[status="wrapped"] {
   list-style-image: url("chrome://global/skin/icons/wrap.png");
 }
+
+.find-status-icon[status="pending"] {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
+}