Merge pull request #103 from PolymerLabs/header-css-updates

Clean up app-header CSS
PolymerElements · Mar 11, 2016 · 73a2092 · 73a2092
2 parents b20577b + 5dcce52
commit 73a2092
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 9 deletions.
diff --git a/app-header/app-header.html b/app-header/app-header.html
@@ -94,16 +94,11 @@
     :host {
       position: relative;
       display: block;
-      -webkit-transform: translateZ(0);
-      -webkit-transition-property: -webkit-transform;
+      transition-property: -webkit-transform;
       transition-property: transform;
       transition-timing-function: linear;
     }
 
-    :host > ::content > app-toolbar:first-of-type {
-      -webkit-transform: translateZ(0);
-    }
-
     :host::after {
       content: "";
       position: absolute;
@@ -116,9 +111,7 @@
       opacity: 0;
       box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
       will-change: opacity;
-      -webkit-transition: opacity 0.4s;
       transition: opacity 0.4s;
-      -webkit-transform: translateZ(0);
       @apply(--app-header-shadow);
     }
 

diff --git a/app-header/demo/notes.html b/app-header/demo/notes.html
@@ -52,7 +52,6 @@
       background-color: #e91e63;
       color: #fff;
       --app-header-shadow: {
-        -webkit-transition: none;
         transition: none;
       };
     }

diff --git a/templates/pesto/src/recipe-list.html b/templates/pesto/src/recipe-list.html
@@ -61,6 +61,7 @@
       background-repeat: no-repeat;
       background-position: center center;
       background-size: 240px;
+      -webkit-transform-origin: center top !important;
       transform-origin: center top !important;
 
       /* The difference in font size is used to calculate the scale of the title in the transition. */