Bug 1372242 - The search suggestions hint is not smooth enough when animating. r=mak
MozReview-Commit-ID: H67YL6WZEd1
--- a/browser/themes/shared/urlbarSearchSuggestionsNotification.inc.css
+++ b/browser/themes/shared/urlbarSearchSuggestionsNotification.inc.css
@@ -114,17 +114,17 @@
}
#PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"][animate] hbox[anonid="search-suggestions-hint-typing"] > .ac-title-text {
text-overflow: clip;
}
#PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"][animate] hbox[anonid="search-suggestions-hint-typing"] {
overflow: hidden;
- max-width: 8ch;
+ max-width: 12ch;
width: 0;
animation-name: search-suggestions-hint-typing;
animation-duration: 500ms;
animation-delay: 750ms;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@@ -132,17 +132,17 @@
/* Hide the typing animation block */
#PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"] hbox[anonid="search-suggestions-hint-typing"] {
display: none;
}
}
@keyframes search-suggestions-hint-typing {
from { width: 0; }
- to { width: 8ch; }
+ to { width: 12ch; }
}
#PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"][animate] hbox[anonid="search-suggestions-hint-box"] {
opacity: 0;
animation-duration: 250ms;
animation-delay: 1500ms;
animation-iteration-count: 1;
animation-fill-mode: forwards;