Attachment 361402 Details for Bug 194395 – Patch

[patch] Patch

bug-194395-20190207085948.patch (text/plain), 2.86 KB, created by Jon Davis on 2019-02-07 08:59:49 PST

(hide)

Description:

Filename:

MIME Type:

Creator: Jon Davis

Created: 2019-02-07 08:59:49 PST

Size: 2.86 KB

patch

obsolete

>Subversion Revision: 241121
>diff --git a/Websites/webkit.org/ChangeLog b/Websites/webkit.org/ChangeLog
>index 93467ae4cc3a129531ee02715be1d1648167930c..362f3216ca03d06b070bac330faa689d850f94c3 100644
>--- a/Websites/webkit.org/ChangeLog
>+++ b/Websites/webkit.org/ChangeLog
>@@ -1,3 +1,12 @@
>+2019-02-07  Jon Davis  <jond@apple.com>
>+
>+        Fixed animation positioning when homepage animation completes
>+        https://bugs.webkit.org/show_bug.cgi?id=194395
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        * wp-content/themes/webkit/front-header.php:
>+
> 2019-02-04  Jon Davis  <jond@apple.com>
> 
>         Add demos for Intersection Observer API
>diff --git a/Websites/webkit.org/wp-content/themes/webkit/front-header.php b/Websites/webkit.org/wp-content/themes/webkit/front-header.php
>index 9bf16a21e3ac8b2b77eb91fbdafebc491201f236..3024abb325a9c26eb04659d30a4f00306b4e7c36 100644
>--- a/Websites/webkit.org/wp-content/themes/webkit/front-header.php
>+++ b/Websites/webkit.org/wp-content/themes/webkit/front-header.php
>@@ -46,9 +46,9 @@
>         position: absolute;
>         width: 100%;
>         height: 1261px;
>-        background-image: radial-gradient(ellipse closest-corner at center center,hsl(198, 100%, 20%) 0%,hsla(204, 100%, 20%,0) 100%);
>+        background-image: radial-gradient(ellipse closest-corner at center center, hsl(198, 100%, 20%) 0%, hsla(204, 100%, 20%, 0) 100%);
>         z-index: 4;
>-        transform: translateY(-45rem);
>+        transform: translateY(-450px);
>     }
> 
>     #template {
>@@ -61,7 +61,8 @@
>         background-position: 50% 49.5%;
>         background-size: 101.5%;
>         z-index: 3;
>-        transform: translateY(-40rem);    }
>+        transform: translateY(-400px);
>+    }
> 
>     #compass {
>         position: absolute;
>@@ -72,10 +73,12 @@
>         background-position: 50% 50%;
>         background-size: 98%;
>         opacity: 0.3;
>-        -webkit-animation: bgspin 360s ease-out;
>-        animation: bgspin 360s ease-out;
>+        animation-name: bgspin;
>+        animation-duration: 360s;
>+        animation-timing-function: ease-out;
>         z-index: 2;
>         will-change: transform;
>+        transform: translateY(-400px);
>     }
> 
>     @keyframes bgspin {
>@@ -89,18 +92,6 @@
>         }
>     }
> 
>-    @-webkit-keyframes bgspin {
>-        from {
>-            transform: translateY(-400px) rotate(0);
>-            -webkit-transform: translateY(-400px) rotate(0deg);
>-        }
>-
>-        to {
>-            transform: translateY(-400px) rotate(360);
>-            -webkit-transform: translateY(-400px) rotate(360deg);
>-        }
>-    }
>-
>     .hero .content {
>         position: relative;
>         max-width: 800px;
>@@ -148,10 +139,8 @@
>     @media (prefers-reduced-motion) {
>         #compass {
>             animation: none;
>-            transform: translateY(-400px);
>         }
>     }
>-
>     </style>
> 
>     <?php if ( is_front_page() && have_posts()): the_post(); ?>

Actions: View | Formatted Diff | Diff

Attachments on bug 194395: 361402