#32051: Animation issues with rocket on Congrats new project page
-----------------------------------+--------------------------------------
Reporter: Thibaud Colas | Owner: nobody
Type: Bug | Status: new
Component: Core (Other) | Version: master
Severity: Normal | Resolution:
Keywords: accessibility, ui | Triage Stage: Unreviewed
Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
-----------------------------------+--------------------------------------
Description changed by Thibaud Colas:
Old description:
> There are a number of issues with the rocket animation shown on the
> Congrats page. In no specific order,
>
> - The page take up between 10 and 30% of my CPU to render the animations
> on a MacBook Pro from 2015.
> - Firefox has a different animation from other browsers, where the rocket
> `exhaust__line` extends further than it should.
> - For other browsers (tested in Chrome and Safari on macOS), the smoke is
> cropped to the sides because of root-level SVGs being `overflow: hidden`.
> - The animation doesn’t respect [`prefers-reduced-motion:
> reduce`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-
> reduced-motion) (more of an enhancement).
>
> I’ve taken a stab at addressing these, and cleaning up unused CSS and
> SVG, in https://github.com/django/django/pull/13463.
New description:
There are a number of issues with the rocket animation shown on the
Congrats page. In no specific order,
- The page take up between 10 and 30% of my CPU to render the animations
on a MacBook Pro from 2015.
- Firefox has a different animation from other browsers, where the rocket
`exhaust__line` extends further than it should.
- For other browsers (tested in Chrome and Safari on macOS), the smoke is
cropped to the sides because of root-level SVGs being `overflow: hidden`.
- The animation doesn’t respect [https://developer.mozilla.org/en-
US/docs/Web/CSS/@media/prefers-reduced-motion `prefers-reduced-motion:
reduce`] (more of an enhancement).
I’ve taken a stab at addressing these, and cleaning up unused CSS and SVG,
in https://github.com/django/django/pull/13463.
--
--
Ticket URL: <https://code.djangoproject.com/ticket/32051#comment:4>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
--
You received this message because you are subscribed to the Google Groups
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-updates/070.68b8299855aa0360043727a44894a858%40djangoproject.com.
