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. */