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

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

Issue 2535573002: Reduce usage of webkit CSS prefixes in chrome/browser/resources (Closed)
Patch Set: CSSOM Created 4 years 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 322 matching lines...) Expand 10 before | Expand all | Expand 10 after
333 }, 333 },
334 334
335 /** 335 /**
336 * Animates Header bar to hide from the screen. 336 * Animates Header bar to hide from the screen.
337 * 337 *
338 * @param {function()} callback will be called once animation is finished. 338 * @param {function()} callback will be called once animation is finished.
339 */ 339 */
340 animateOut: function(callback) { 340 animateOut: function(callback) {
341 var launcher = this; 341 var launcher = this;
342 launcher.addEventListener( 342 launcher.addEventListener(
343 'webkitTransitionEnd', function f(e) { 343 'transitionend', function f(e) {
344 launcher.removeEventListener('webkitTransitionEnd', f); 344 launcher.removeEventListener('transitionend', f);
345 callback(); 345 callback();
346 }); 346 });
347 // Guard timer for 2 seconds + 200 ms + epsilon. 347 // Guard timer for 2 seconds + 200 ms + epsilon.
348 ensureTransitionEndEvent(launcher, 2250); 348 ensureTransitionEndEvent(launcher, 2250);
349 349
350 this.classList.remove('login-header-bar-animate-slow'); 350 this.classList.remove('login-header-bar-animate-slow');
351 this.classList.add('login-header-bar-animate-fast'); 351 this.classList.add('login-header-bar-animate-fast');
352 this.classList.add('login-header-bar-hidden'); 352 this.classList.add('login-header-bar-hidden');
353 }, 353 },
354 354
355 /** 355 /**
356 * Animates Header bar to appear on the screen. 356 * Animates Header bar to appear on the screen.
357 * 357 *
358 * @param {boolean} fast Whether the animation should complete quickly or 358 * @param {boolean} fast Whether the animation should complete quickly or
359 * slowly. 359 * slowly.
360 * @param {function()} callback will be called once animation is finished. 360 * @param {function()} callback will be called once animation is finished.
361 */ 361 */
362 animateIn: function(fast, callback) { 362 animateIn: function(fast, callback) {
363 if (callback) { 363 if (callback) {
364 var launcher = this; 364 var launcher = this;
365 launcher.addEventListener( 365 launcher.addEventListener(
366 'webkitTransitionEnd', function f(e) { 366 'transitionend', function f(e) {
367 launcher.removeEventListener('webkitTransitionEnd', f); 367 launcher.removeEventListener('transitionend', f);
368 callback(); 368 callback();
369 }); 369 });
370 // Guard timer for 2 seconds + 200 ms + epsilon. 370 // Guard timer for 2 seconds + 200 ms + epsilon.
371 ensureTransitionEndEvent(launcher, 2250); 371 ensureTransitionEndEvent(launcher, 2250);
372 } 372 }
373 373
374 if (fast) { 374 if (fast) {
375 this.classList.remove('login-header-bar-animate-slow'); 375 this.classList.remove('login-header-bar-animate-slow');
376 this.classList.add('login-header-bar-animate-fast'); 376 this.classList.add('login-header-bar-animate-fast');
377 } else { 377 } else {
(...skipping 16 matching lines...) Expand all
394 * Convenience wrapper of animateIn. 394 * Convenience wrapper of animateIn.
395 */ 395 */
396 HeaderBar.animateIn = function(fast, callback) { 396 HeaderBar.animateIn = function(fast, callback) {
397 $('login-header-bar').animateIn(fast, callback); 397 $('login-header-bar').animateIn(fast, callback);
398 }; 398 };
399 399
400 return { 400 return {
401 HeaderBar: HeaderBar 401 HeaderBar: HeaderBar
402 }; 402 };
403 }); 403 });
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698