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

Side by Side Diff: chrome/browser/resources/local_ntp/most_visited_single.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 2015 The Chromium Authors. All rights reserved. 1 /* Copyright 2015 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 // Single iframe for NTP tiles. 5 // Single iframe for NTP tiles.
6 (function() { 6 (function() {
7 'use strict'; 7 'use strict';
8 8
9 9
10 /** 10 /**
(...skipping 232 matching lines...) Expand 10 before | Expand all | Expand 10 after
243 243
244 // Only fade in the new tiles if there were tiles before. 244 // Only fade in the new tiles if there were tiles before.
245 var fadeIn = false; 245 var fadeIn = false;
246 var old = parent.querySelector('#mv-tiles'); 246 var old = parent.querySelector('#mv-tiles');
247 if (old) { 247 if (old) {
248 fadeIn = true; 248 fadeIn = true;
249 // Mark old tile DIV for removal after the transition animation is done. 249 // Mark old tile DIV for removal after the transition animation is done.
250 old.removeAttribute('id'); 250 old.removeAttribute('id');
251 old.classList.add('mv-tiles-old'); 251 old.classList.add('mv-tiles-old');
252 old.style.opacity = 0.0; 252 old.style.opacity = 0.0;
253 cur.addEventListener('webkitTransitionEnd', function(ev) { 253 cur.addEventListener('transitionend', function(ev) {
254 if (ev.target === cur) { 254 if (ev.target === cur) {
255 removeAllOldTiles(); 255 removeAllOldTiles();
256 } 256 }
257 }); 257 });
258 } 258 }
259 259
260 // Add new tileset. 260 // Add new tileset.
261 cur.id = 'mv-tiles'; 261 cur.id = 'mv-tiles';
262 parent.appendChild(cur); 262 parent.appendChild(cur);
263 // getComputedStyle causes the initial style (opacity 0) to be applied, so 263 // getComputedStyle causes the initial style (opacity 0) to be applied, so
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after
306 }; 306 };
307 307
308 /** 308 /**
309 * Called when the user decided to add a tile to the blacklist. 309 * Called when the user decided to add a tile to the blacklist.
310 * It sets off the animation for the blacklist and sends the blacklisted id 310 * It sets off the animation for the blacklist and sends the blacklisted id
311 * to the host page. 311 * to the host page.
312 * @param {Element} tile DOM node of the tile we want to remove. 312 * @param {Element} tile DOM node of the tile we want to remove.
313 */ 313 */
314 var blacklistTile = function(tile) { 314 var blacklistTile = function(tile) {
315 tile.classList.add('blacklisted'); 315 tile.classList.add('blacklisted');
316 tile.addEventListener('webkitTransitionEnd', function(ev) { 316 tile.addEventListener('transitionend', function(ev) {
317 if (ev.propertyName != 'width') return; 317 if (ev.propertyName != 'width') return;
318 318
319 window.parent.postMessage({cmd: 'tileBlacklisted', 319 window.parent.postMessage({cmd: 'tileBlacklisted',
320 tid: Number(tile.getAttribute('data-tid'))}, 320 tid: Number(tile.getAttribute('data-tid'))},
321 DOMAIN_ORIGIN); 321 DOMAIN_ORIGIN);
322 }); 322 });
323 }; 323 };
324 324
325 325
326 /** 326 /**
(...skipping 232 matching lines...) Expand 10 before | Expand all | Expand 10 after
559 var html = document.querySelector('html'); 559 var html = document.querySelector('html');
560 html.dir = 'rtl'; 560 html.dir = 'rtl';
561 } 561 }
562 562
563 window.addEventListener('message', handlePostMessage); 563 window.addEventListener('message', handlePostMessage);
564 }; 564 };
565 565
566 566
567 window.addEventListener('DOMContentLoaded', init); 567 window.addEventListener('DOMContentLoaded', init);
568 })(); 568 })();
OLDNEW
« no previous file with comments | « chrome/browser/resources/local_ntp/most_visited_single.css ('k') | chrome/browser/resources/net_internals/hsts_view.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698