diff --git a/app-header/app-header.html b/app-header/app-header.html
index c835ae26..f631eb65 100644
--- 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
index 4bdee6e1..6f7f9768 100644
--- 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
index 8e9a9dd0..fdd74027 100644
--- 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. */