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

Side by Side Diff: third_party/WebKit/PerformanceTests/Layout/nested-grid.html

Issue 2345963002: [css-grid] Prettify the nested-grid.html perf test (Closed)
Patch Set: Created 4 years, 3 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
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <head> 2 <head>
3 <style> 3 <style>
4 html, body { 4 html, body {
5 margin: 0; 5 margin: 0;
6 height: 100%; 6 height: 100%;
7 } 7 }
8 8
9 .grid { 9 .grid {
10 display: grid; 10 display: grid;
11 } 11 }
12 12
13 #gridContainer { 13 #gridContainer {
14 grid-auto-columns: 1fr; 14 grid-auto-columns: 1fr;
15 } 15 }
16 16
17 .gridItem { height: 10px; }
17 </style> 18 </style>
18 19
19 <script src="../resources/runner.js"></script> 20 <script src="../resources/runner.js"></script>
20 <script> 21 <script>
21 'use strict'; 22 'use strict';
22 23
23 function startTest() { 24 function startTest() {
24 PerfTestRunner.forceLayout(); 25 PerfTestRunner.forceLayout();
25 26
26 var index = 0; 27 var index = 0;
(...skipping 311 matching lines...) Expand 10 before | Expand all | Expand 10 after
338 <div class='gridItem' style='grid-area: 30 / 6; background-color : rgb(91, 7, 75)'></div> 339 <div class='gridItem' style='grid-area: 30 / 6; background-color : rgb(91, 7, 75)'></div>
339 <div class='gridItem' style='grid-area: 30 / 7; background-color : rgb(51, 217, 135)'></div> 340 <div class='gridItem' style='grid-area: 30 / 7; background-color : rgb(51, 217, 135)'></div>
340 <div class='gridItem' style='grid-area: 30 / 8; background-color : rgb(161, 160, 184)'></div> 341 <div class='gridItem' style='grid-area: 30 / 8; background-color : rgb(161, 160, 184)'></div>
341 <div class='gridItem' style='grid-area: 30 / 9; background-color : rgb(130, 159, 7)'></div> 342 <div class='gridItem' style='grid-area: 30 / 9; background-color : rgb(130, 159, 7)'></div>
342 <div class='gridItem' style='grid-area: 30 / 10; background-colo r: rgb(21, 26, 168)'></div> 343 <div class='gridItem' style='grid-area: 30 / 10; background-colo r: rgb(21, 26, 168)'></div>
343 </div> 344 </div>
344 </div> 345 </div>
345 </div> 346 </div>
346 <pre id="log"></pre> 347 <pre id="log"></pre>
347 </body> 348 </body>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698