Bug 1295769 - Zoom indicator zoom effect could be smoother. r=ktbee
authorJustin Dolske <dolske@mozilla.com>
Tue, 16 Aug 2016 15:24:15 -0700
changeset 310110 d0efbd7c33fe76c4dfd70dbd204b158cc482ec52
parent 310109 30da32629a3c6ef74b8c66f819c08b1106f6da91
child 310111 f5ed7f38160ed375a0ea04eb2ac847983b1da2f1
push id80771
push userkwierso@gmail.com
push dateThu, 18 Aug 2016 23:33:08 +0000
treeherdermozilla-inbound@cb1295738c37 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersktbee
bugs1295769
milestone51.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1295769 - Zoom indicator zoom effect could be smoother. r=ktbee MozReview-Commit-ID: IiSIfftHLV3
browser/themes/linux/browser.css
browser/themes/osx/browser.css
browser/themes/windows/browser.css
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -952,20 +952,23 @@ toolbaritem[cui-areatype="menu-panel"] >
   /* 16x16 icon with border-box sizing */
   width: 22px;
   height: 16px;
 }
 
 /* ::::: URL Bar Zoom Reset Button ::::: */
 @keyframes urlbar-zoom-reset-pulse {
   0% {
-  transform: scale(0);
+    transform: scale(0);
+  }
+  75% {
+    transform: scale(1.5);
   }
   100% {
-  transform: scale(1.5);
+    transform: scale(1.0);
   }
 }
 
 #urlbar-zoom-button {
   -moz-appearance: none;
   margin: 0 3px;
   font-size: .8em;
   padding: 0 8px;
--- a/browser/themes/osx/browser.css
+++ b/browser/themes/osx/browser.css
@@ -1657,18 +1657,21 @@ toolbar .toolbarbutton-1 > .toolbarbutto
   height: 16px;
 }
 
 /* ::::: URL Bar Zoom Reset Button ::::: */
 @keyframes urlbar-zoom-reset-pulse {
   0% {
     transform: scale(0);
   }
+  75% {
+    transform: scale(1.5);
+  }
   100% {
-    transform: scale(1.5);
+    transform: scale(1.0);
   }
 }
 
 #urlbar-zoom-button {
   margin: 0 3px;
   font-size: .8em;
   padding: 0 8px;
   border-radius: 1em;
--- a/browser/themes/windows/browser.css
+++ b/browser/themes/windows/browser.css
@@ -1386,20 +1386,23 @@ html|*.urlbar-input:-moz-lwtheme::-moz-p
   /* 16x16 icon with border-box sizing */
   width: 22px;
   height: 16px;
 }
 
 /* ::::: URL Bar Zoom Reset Button ::::: */
 @keyframes urlbar-zoom-reset-pulse {
   0% {
-  transform: scale(0);
+    transform: scale(0);
+  }
+  75% {
+    transform: scale(1.5);
   }
   100% {
-  transform: scale(1.5);
+    transform: scale(1.0);
   }
 }
 
 #urlbar-zoom-button {
   -moz-appearance: none;
   margin: 0 3px;
   font-size: .8em;
   padding: 0 8px;