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

Side by Side Diff: chrome/browser/resources/local_ntp/most_visited_single.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 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 242 matching lines...) Expand 10 before | Expand all | Expand 10 after
253 253
254 // Only fade in the new tiles if there were tiles before. 254 // Only fade in the new tiles if there were tiles before.
255 var fadeIn = false; 255 var fadeIn = false;
256 var old = parent.querySelector('#mv-tiles'); 256 var old = parent.querySelector('#mv-tiles');
257 if (old) { 257 if (old) {
258 fadeIn = true; 258 fadeIn = true;
259 // Mark old tile DIV for removal after the transition animation is done. 259 // Mark old tile DIV for removal after the transition animation is done.
260 old.removeAttribute('id'); 260 old.removeAttribute('id');
261 old.classList.add('mv-tiles-old'); 261 old.classList.add('mv-tiles-old');
262 old.style.opacity = 0.0; 262 old.style.opacity = 0.0;
263 cur.addEventListener('webkitTransitionEnd', function(ev) { 263 cur.addEventListener('transitionend', function(ev) {
264 if (ev.target === cur) { 264 if (ev.target === cur) {
265 removeAllOldTiles(); 265 removeAllOldTiles();
266 } 266 }
267 }); 267 });
268 } 268 }
269 269
270 // Add new tileset. 270 // Add new tileset.
271 cur.id = 'mv-tiles'; 271 cur.id = 'mv-tiles';
272 parent.appendChild(cur); 272 parent.appendChild(cur);
273 // getComputedStyle causes the initial style (opacity 0) to be applied, so 273 // getComputedStyle causes the initial style (opacity 0) to be applied, so
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
322 }; 322 };
323 323
324 /** 324 /**
325 * Called when the user decided to add a tile to the blacklist. 325 * Called when the user decided to add a tile to the blacklist.
326 * It sets of the animation for the blacklist and sends the blacklisted id 326 * It sets of the animation for the blacklist and sends the blacklisted id
327 * to the host page. 327 * to the host page.
328 * @param {Element} tile DOM node of the tile we want to remove. 328 * @param {Element} tile DOM node of the tile we want to remove.
329 */ 329 */
330 var blacklistTile = function(tile) { 330 var blacklistTile = function(tile) {
331 tile.classList.add('blacklisted'); 331 tile.classList.add('blacklisted');
332 tile.addEventListener('webkitTransitionEnd', function(ev) { 332 tile.addEventListener('transitionend', function(ev) {
333 if (ev.propertyName != 'width') return; 333 if (ev.propertyName != 'width') return;
334 334
335 window.parent.postMessage({cmd: 'tileBlacklisted', 335 window.parent.postMessage({cmd: 'tileBlacklisted',
336 tid: Number(tile.getAttribute('data-tid'))}, 336 tid: Number(tile.getAttribute('data-tid'))},
337 DOMAIN_ORIGIN); 337 DOMAIN_ORIGIN);
338 }); 338 });
339 }; 339 };
340 340
341 341
342 /** 342 /**
(...skipping 263 matching lines...) Expand 10 before | Expand all | Expand 10 after
606 var html = document.querySelector('html'); 606 var html = document.querySelector('html');
607 html.dir = 'rtl'; 607 html.dir = 'rtl';
608 } 608 }
609 609
610 window.addEventListener('message', handlePostMessage); 610 window.addEventListener('message', handlePostMessage);
611 }; 611 };
612 612
613 613
614 window.addEventListener('DOMContentLoaded', init); 614 window.addEventListener('DOMContentLoaded', init);
615 })(); 615 })();
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698