| • Jaredzimmerman-WMF | |
| Dec 12 2014, 4:54 AM |
| F26716: checkbox.mov | |
| Jan 6 2015, 9:45 AM |
| F26328: checked.svg | |
| Jan 3 2015, 9:29 AM |
Update the following:
Display — 250ms animate show from left to right
Dismiss — 200ms animate hide from top to bottom
similar to http://bl.ocks.org/KoGor/8160770 or https://github.com/SamHerbert/SVG-Loaders
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | • Prtksxna | T78371 Apply consistent animation and timings to controls and transitions (tracking) | |||
| Resolved | • Prtksxna | T78372 animating drawing of check mark in checkbox with simple SVG animation |
I made this animation for the display transition -
.It doesn't work as the animation is plays only once when the page is loaded. There is no way to control the animation of the SVG that we are loading as a background image in CSS. To use SVG animation we'll have to fundamentally change our approach and even then it might only be possible in OOUI and not the normal MediaWiki UI.
I suggest that we use the same scaling animation here as we are for the radios (T78370), at least for the time being.
@Prtksxna do you have an example of what it looks like when you use the radio animation for the check boxes?
Change 183168 had a related patch set uploaded (by Prtksxna):
mw.ui: checkbox: Add state change transition
Change 183170 had a related patch set uploaded (by Prtksxna):
MediaWiki Theme: Add state change transition to checkbox
Change 183170 merged by jenkins-bot:
MediaWiki Theme: Add state change transition to checkbox
