Bug 836867 - The Find Toolbar should transition when opening and closing. r=dao

This commit is contained in:
Jared Wein 2013-02-12 12:35:27 -05:00
parent 72bdf543e1
commit 358f120c0d
3 changed files with 36 additions and 0 deletions

View File

@ -13,6 +13,18 @@ findbar {
-moz-border-top-colors: ThreeDShadow ThreeDHighlight; -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
padding-bottom: 1px; padding-bottom: 1px;
min-width: 1px; 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 */ /* find-next button */

View File

@ -10,6 +10,18 @@ findbar {
border-top: @scopeBarSeparatorBorder@; border-top: @scopeBarSeparatorBorder@;
min-width: 1px; min-width: 1px;
padding: 4px 2px; padding: 4px 2px;
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;
} }
findbar:-moz-lwtheme { findbar:-moz-lwtheme {

View File

@ -26,6 +26,18 @@ findbar {
background-size: 100% 2px; background-size: 100% 2px;
background-repeat: no-repeat; background-repeat: no-repeat;
min-width: 1px; 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 */ /* find-next button */