#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 django-updates+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-updates/070.68b8299855aa0360043727a44894a858%40djangoproject.com.
