| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html id="t" jsvalues="dir:textdirection;firstview:firstview"> | 2 <html id="t" jsvalues="dir:textdirection;firstview:firstview"> |
| 3 <!-- | 3 <!-- |
| 4 This page is optimized for perceived performance. Our enemies are the time | 4 This page is optimized for perceived performance. Our enemies are the time |
| 5 taken for the backend to generate our data, and the time taken to parse | 5 taken for the backend to generate our data, and the time taken to parse |
| 6 and render the starting HTML/CSS content of the page. This page is | 6 and render the starting HTML/CSS content of the page. This page is |
| 7 designed to let Chrome do both of those things in parallel. | 7 designed to let Chrome do both of those things in parallel. |
| 8 | 8 |
| 9 1. Defines temporary content callback functions | 9 1. Defines temporary content callback functions |
| 10 2. Fires off requests for content (these can come back 20-150ms later) | 10 2. Fires off requests for content (these can come back 20-150ms later) |
| (...skipping 300 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 311 } | 311 } |
| 312 .recent-window-hover-container .recent-bookmark { | 312 .recent-window-hover-container .recent-bookmark { |
| 313 text-decoration:none; | 313 text-decoration:none; |
| 314 text-overflow:ellipsis; | 314 text-overflow:ellipsis; |
| 315 overflow:hidden; | 315 overflow:hidden; |
| 316 margin: 3px 0 0 5px; | 316 margin: 3px 0 0 5px; |
| 317 } | 317 } |
| 318 .recently-closed-window-link { | 318 .recently-closed-window-link { |
| 319 'text-decoration:none'; | 319 'text-decoration:none'; |
| 320 } | 320 } |
| 321 .recently-closed-window-link:hover { |
| 322 cursor:pointer; |
| 323 } |
| 321 .recently-close-window-text { | 324 .recently-close-window-text { |
| 322 text-decoration:underline; | 325 text-decoration:underline; |
| 323 } | 326 } |
| 324 | 327 |
| 325 html[dir='rtl'] .recent-bookmark { | 328 html[dir='rtl'] .recent-bookmark { |
| 326 background-position:right; | 329 background-position:right; |
| 327 padding-left:0px; | 330 padding-left:0px; |
| 328 padding-right:22px; | 331 padding-right:22px; |
| 329 } | 332 } |
| 330 a { | 333 a { |
| (...skipping 406 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 737 for (var windowIndex = 0; windowIndex < entry.tabs.length; windowIndex++
) { | 740 for (var windowIndex = 0; windowIndex < entry.tabs.length; windowIndex++
) { |
| 738 var tab = entry.tabs[windowIndex]; | 741 var tab = entry.tabs[windowIndex]; |
| 739 var tabImg = DOM('img', { | 742 var tabImg = DOM('img', { |
| 740 src:'url("chrome-ui://favicon/' + tab.url + '")', | 743 src:'url("chrome-ui://favicon/' + tab.url + '")', |
| 741 width:16, | 744 width:16, |
| 742 height:16}); | 745 height:16}); |
| 743 linkSpan.appendChild(tabImg); | 746 linkSpan.appendChild(tabImg); |
| 744 } | 747 } |
| 745 linkSpan.appendChild(document.createTextNode(")")); | 748 linkSpan.appendChild(document.createTextNode(")")); |
| 746 | 749 |
| 747 link = DOM('a', { href: 'window', | 750 link = DOM('span', { className: 'recently-closed-window-link' } ); |
| 748 className: 'recently-closed-window-link', | |
| 749 title: localStrings.getString('closedWindow') } ); | |
| 750 windowSpan = DOM('span', {className: 'recently-close-window-text'}); | 751 windowSpan = DOM('span', {className: 'recently-close-window-text'}); |
| 751 windowSpan.appendChild( | 752 windowSpan.appendChild( |
| 752 document.createTextNode(localStrings.getString('closedwindow'))); | 753 document.createTextNode(localStrings.getString('closedwindow'))); |
| 753 link.appendChild(windowSpan); | 754 link.appendChild(windowSpan); |
| 754 link.appendChild(linkSpan); | 755 link.appendChild(linkSpan); |
| 755 linkSpanContainer.appendChild(link); | 756 linkSpanContainer.appendChild(link); |
| 756 container.appendChild(linkSpanContainer); | 757 container.appendChild(linkSpanContainer); |
| 757 | 758 |
| 758 // The card takes care of appending itself to the DOM, so no need to | 759 // The card takes care of appending itself to the DOM, so no need to |
| 759 // keep a reference to it. | 760 // keep a reference to it. |
| (...skipping 144 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 904 processData(); | 905 processData(); |
| 905 | 906 |
| 906 // In case renderMostVisitedItems doesn't come back quickly enough, begin | 907 // In case renderMostVisitedItems doesn't come back quickly enough, begin |
| 907 // the first-run fade-in. If it has started or if this is not a first | 908 // the first-run fade-in. If it has started or if this is not a first |
| 908 // run new tab, this will be a no-op. | 909 // run new tab, this will be a no-op. |
| 909 setTimeout(function(){document.getElementById('main').className = 'visible'}, | 910 setTimeout(function(){document.getElementById('main').className = 'visible'}, |
| 910 1000); | 911 1000); |
| 911 </script> | 912 </script> |
| 912 </body> | 913 </body> |
| 913 </html> | 914 </html> |
| OLD | NEW |