Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(49)

Side by Side Diff: chrome/browser/resources/chromeos/login/header_bar.js

Issue 2691883002: Uprefix CSS transitions in ui/ and chrome/ styles (Closed)
Patch Set: transitions only Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 4
5 /** 5 /**
6 * @fileoverview Login UI header bar implementation. 6 * @fileoverview Login UI header bar implementation.
7 */ 7 */
8 8
9 cr.define('login', function() { 9 cr.define('login', function() {
10 /** 10 /**
(...skipping 337 matching lines...) Expand 10 before | Expand all | Expand 10 after
348 }, 348 },
349 349
350 /** 350 /**
351 * Animates Header bar to hide from the screen. 351 * Animates Header bar to hide from the screen.
352 * 352 *
353 * @param {function()} callback will be called once animation is finished. 353 * @param {function()} callback will be called once animation is finished.
354 */ 354 */
355 animateOut: function(callback) { 355 animateOut: function(callback) {
356 var launcher = this; 356 var launcher = this;
357 launcher.addEventListener( 357 launcher.addEventListener(
358 'webkitTransitionEnd', function f(e) { 358 'transitionend', function f(e) {
359 launcher.removeEventListener('webkitTransitionEnd', f); 359 launcher.removeEventListener('transitionend', f);
360 callback(); 360 callback();
361 }); 361 });
362 // Guard timer for 2 seconds + 200 ms + epsilon. 362 // Guard timer for 2 seconds + 200 ms + epsilon.
363 ensureTransitionEndEvent(launcher, 2250); 363 ensureTransitionEndEvent(launcher, 2250);
364 364
365 this.classList.remove('login-header-bar-animate-slow'); 365 this.classList.remove('login-header-bar-animate-slow');
366 this.classList.add('login-header-bar-animate-fast'); 366 this.classList.add('login-header-bar-animate-fast');
367 this.classList.add('login-header-bar-hidden'); 367 this.classList.add('login-header-bar-hidden');
368 }, 368 },
369 369
370 /** 370 /**
371 * Animates Header bar to appear on the screen. 371 * Animates Header bar to appear on the screen.
372 * 372 *
373 * @param {boolean} fast Whether the animation should complete quickly or 373 * @param {boolean} fast Whether the animation should complete quickly or
374 * slowly. 374 * slowly.
375 * @param {function()} callback will be called once animation is finished. 375 * @param {function()} callback will be called once animation is finished.
376 */ 376 */
377 animateIn: function(fast, callback) { 377 animateIn: function(fast, callback) {
378 if (callback) { 378 if (callback) {
379 var launcher = this; 379 var launcher = this;
380 launcher.addEventListener( 380 launcher.addEventListener(
381 'webkitTransitionEnd', function f(e) { 381 'transitionend', function f(e) {
382 launcher.removeEventListener('webkitTransitionEnd', f); 382 launcher.removeEventListener('transitionend', f);
383 callback(); 383 callback();
384 }); 384 });
385 // Guard timer for 2 seconds + 200 ms + epsilon. 385 // Guard timer for 2 seconds + 200 ms + epsilon.
386 ensureTransitionEndEvent(launcher, 2250); 386 ensureTransitionEndEvent(launcher, 2250);
387 } 387 }
388 388
389 if (fast) { 389 if (fast) {
390 this.classList.remove('login-header-bar-animate-slow'); 390 this.classList.remove('login-header-bar-animate-slow');
391 this.classList.add('login-header-bar-animate-fast'); 391 this.classList.add('login-header-bar-animate-fast');
392 } else { 392 } else {
(...skipping 16 matching lines...) Expand all
409 * Convenience wrapper of animateIn. 409 * Convenience wrapper of animateIn.
410 */ 410 */
411 HeaderBar.animateIn = function(fast, callback) { 411 HeaderBar.animateIn = function(fast, callback) {
412 $('login-header-bar').animateIn(fast, callback); 412 $('login-header-bar').animateIn(fast, callback);
413 }; 413 };
414 414
415 return { 415 return {
416 HeaderBar: HeaderBar 416 HeaderBar: HeaderBar
417 }; 417 };
418 }); 418 });
OLDNEW
« no previous file with comments | « chrome/browser/resources/chromeos/login/header_bar.css ('k') | chrome/browser/resources/chromeos/login/network_dropdown.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698