Bug 931120 - ease in the tile colors. r=rsilveira
authorSam Foster <sfoster@mozilla.com>
Fri, 01 Nov 2013 15:50:01 -0700
changeset 153200 8658f9b994541dc1e56008fc75987ef202f0d826
parent 153199 8ca9d85c12049b4b4c29d077223924e74faec368
child 153201 602cf7b9f336f67eec3370feb1567747a220e118
push id35717
push userkwierso@gmail.com
push dateSat, 02 Nov 2013 03:36:42 +0000
treeherdermozilla-inbound@396e59370945 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersrsilveira
bugs931120
milestone28.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 931120 - ease in the tile colors. r=rsilveira
browser/metro/theme/tiles.css
--- a/browser/metro/theme/tiles.css
+++ b/browser/metro/theme/tiles.css
@@ -64,17 +64,18 @@ richgriditem {
      and will normally be overridden with a favicon-based color */
   background-color: #ccc;
   background-origin: padding-box;
   /* content positioning within the grid "cell"
      gives us the gutters/spacing between tiles */
   top: 2px; right: @tile_side_margin@; bottom: 10px; left: @tile_side_margin@;
   border: @metro_border_thin@ solid @tile_border_color@;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
-  transition: 150ms transform ease-out;
+  transition: 150ms transform ease-out,
+              @metro_animation_duration@ background-color @metro_animation_easing@;
 }
 
 .tile-start-container {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 10px;
@@ -130,16 +131,17 @@ richgriditem[iconsize="large"] .tile-ico
   color: #333;
   margin: 0;
   -moz-margin-start: 0;
   display: block;
   font-size: 16px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  transition: @metro_animation_duration@ background-color @metro_animation_easing@;
 }
 
 richgriditem:not([tiletype="thumbnail"]) .tile-desc {
   background-color: transparent!important;
 }
 
 
 richgriditem.collapsed {