Bug 1295769 - Zoom indicator zoom effect could be smoother. r?ktbee draft
authorJustin Dolske <dolske@mozilla.com>
Tue, 16 Aug 2016 15:24:15 -0700
changeset 401343 e2c0e177e3fda6f0f76e4daeaf8b8901d2594bef
parent 400825 054d4856cea6150a6638e5daf7913713281af97d
child 528471 939dcbb9f1d4d1aae10478b0161d3b160826ba46
push id26440
push userjdolske@mozilla.com
push dateTue, 16 Aug 2016 22:25:38 +0000
reviewersktbee
bugs1295769
milestone51.0a1
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
@@ -1662,18 +1662,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
@@ -1384,20 +1384,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;