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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/minmax-spanning-resolution-columns.html

Issue 1583433002: [css-align] New CSS Value 'normal' for Content Alignment (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fixed layout tests failing. Created 4 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
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/maximize-tracks-definite-indefinite-width.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/named-grid-line-get-set.html » ('j') | 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 <html> 2 <html>
3 <link href="resources/grid.css" rel="stylesheet"> 3 <link href="resources/grid.css" rel="stylesheet">
4 <link href="resources/grid-alignment.css" rel="stylesheet">
4 <style> 5 <style>
5 .gridAutoAutoContent { 6 .gridAutoAutoContent {
6 grid-template-columns: auto auto; 7 grid-template-columns: auto auto;
7 grid-template-rows: 50px 100px; 8 grid-template-rows: 50px 100px;
8 } 9 }
9 10
10 .gridFixedAutoContent { 11 .gridFixedAutoContent {
11 grid-template-columns: 10px auto; 12 grid-template-columns: 10px auto;
12 grid-template-rows: 50px 100px; 13 grid-template-rows: 50px 100px;
13 } 14 }
(...skipping 25 matching lines...) Expand all
39 <!-- Allow the extra logical space distribution to occur. --> 40 <!-- Allow the extra logical space distribution to occur. -->
40 <div style="width: 40px; height: 10px"> 41 <div style="width: 40px; height: 10px">
41 <div class="grid gridAutoAutoContent"> 42 <div class="grid gridAutoAutoContent">
42 <div class="sizedToGridArea firstRowBothColumn" data-expected-width="40" data-expected-height="50">XX XX XX XX XX XX</div> 43 <div class="sizedToGridArea firstRowBothColumn" data-expected-width="40" data-expected-height="50">XX XX XX XX XX XX</div>
43 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="20 " data-expected-height="50"></div> 44 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="20 " data-expected-height="50"></div>
44 <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="2 0" data-expected-height="50"></div> 45 <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="2 0" data-expected-height="50"></div>
45 </div> 46 </div>
46 </div> 47 </div>
47 48
48 <div style="width: 100px; height: 10px;"> 49 <div style="width: 100px; height: 10px;">
49 <div class="grid gridAutoAutoContent"> 50 <div class="grid gridAutoAutoContent justifyContentStart">
50 <div class="sizedToGridArea firstRowBothColumn" data-expected-width="50" data-expected-height="50">XXXXX</div> 51 <div class="sizedToGridArea firstRowBothColumn" data-expected-width="50" data-expected-height="50">XXXXX</div>
51 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="25 " data-expected-height="50"></div> 52 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="25 " data-expected-height="50"></div>
52 <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="2 5" data-expected-height="50"></div> 53 <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="2 5" data-expected-height="50"></div>
53 </div> 54 </div>
54 </div> 55 </div>
55 56
56 <div class="constrainedContainer"> 57 <div class="constrainedContainer">
57 <div class="grid gridFixedAutoContent"> 58 <div class="grid gridFixedAutoContent">
58 <div class="sizedToGridArea firstRowBothColumn" data-expected-width="30" data-expected-height="50">XXX XXX XXX</div> 59 <div class="sizedToGridArea firstRowBothColumn" data-expected-width="30" data-expected-height="50">XXX XXX XXX</div>
59 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="10 " data-expected-height="50"></div> 60 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="10 " data-expected-height="50"></div>
(...skipping 14 matching lines...) Expand all
74 <!-- Allow the extra logical space distribution to occur. --> 75 <!-- Allow the extra logical space distribution to occur. -->
75 <div style="width: 40px; height: 10px"> 76 <div style="width: 40px; height: 10px">
76 <div class="grid gridFixedAutoContent"> 77 <div class="grid gridFixedAutoContent">
77 <div class="sizedToGridArea firstRowBothColumn" data-expected-width="40" data-expected-height="50">XX XX XX XX XX XX</div> 78 <div class="sizedToGridArea firstRowBothColumn" data-expected-width="40" data-expected-height="50">XX XX XX XX XX XX</div>
78 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="10 " data-expected-height="50"></div> 79 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="10 " data-expected-height="50"></div>
79 <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="3 0" data-expected-height="50"></div> 80 <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="3 0" data-expected-height="50"></div>
80 </div> 81 </div>
81 </div> 82 </div>
82 83
83 <div style="width: 100px; height: 10px;"> 84 <div style="width: 100px; height: 10px;">
84 <div class="grid gridFixedAutoContent"> 85 <div class="grid gridFixedAutoContent justifyContentStart">
85 <div class="sizedToGridArea firstRowBothColumn" data-expected-width="50" data-expected-height="50">XXXXX</div> 86 <div class="sizedToGridArea firstRowBothColumn" data-expected-width="50" data-expected-height="50">XXXXX</div>
86 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="10 " data-expected-height="50"></div> 87 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="10 " data-expected-height="50"></div>
87 <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="4 0" data-expected-height="50"></div> 88 <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="4 0" data-expected-height="50"></div>
88 </div> 89 </div>
89 </div> 90 </div>
90 91
91 <div style="width: 100px; height: 100px"> 92 <div style="width: 100px; height: 100px">
92 <div class="grid gridFixedAutoContent"> 93 <div class="grid gridFixedAutoContent justifyContentStart">
93 <div class="sizedToGridArea bothRowBothColumn" data-expected-width="50" data-expected-height="150">XXXXX</div> 94 <div class="sizedToGridArea bothRowBothColumn" data-expected-width="50" data-expected-height="150">XXXXX</div>
94 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="10 " data-expected-height="50"></div> 95 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="10 " data-expected-height="50"></div>
95 <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="4 0" data-expected-height="50"></div> 96 <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="4 0" data-expected-height="50"></div>
96 <div class="sizedToGridArea secondRowFirstColumn" data-expected-width="1 0" data-expected-height="100"></div> 97 <div class="sizedToGridArea secondRowFirstColumn" data-expected-width="1 0" data-expected-height="100"></div>
97 <div class="sizedToGridArea secondRowSecondColumn" data-expected-width=" 40" data-expected-height="100"></div> 98 <div class="sizedToGridArea secondRowSecondColumn" data-expected-width=" 40" data-expected-height="100"></div>
98 </div> 99 </div>
99 </div> 100 </div>
100 101
101 <div class="constrainedContainer"> 102 <div class="constrainedContainer">
102 <div class="grid gridMinMaxMin"> 103 <div class="grid gridMinMaxMin">
(...skipping 155 matching lines...) Expand 10 before | Expand all | Expand 10 after
258 <div class="sizedToGridArea bothRowBothColumn" data-expected-width="250" data-expected-height="150">XXXXXXXXXXXX XXXXXXXXXXXX</div> 259 <div class="sizedToGridArea bothRowBothColumn" data-expected-width="250" data-expected-height="150">XXXXXXXXXXXX XXXXXXXXXXXX</div>
259 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="65 " data-expected-height="50"></div> 260 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="65 " data-expected-height="50"></div>
260 <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="1 85" data-expected-height="50"></div> 261 <div class="sizedToGridArea firstRowSecondColumn" data-expected-width="1 85" data-expected-height="50"></div>
261 <div class="sizedToGridArea secondRowFirstColumn" data-expected-width="6 5" data-expected-height="100"></div> 262 <div class="sizedToGridArea secondRowFirstColumn" data-expected-width="6 5" data-expected-height="100"></div>
262 <div class="sizedToGridArea secondRowSecondColumn" data-expected-width=" 185" data-expected-height="100"></div> 263 <div class="sizedToGridArea secondRowSecondColumn" data-expected-width=" 185" data-expected-height="100"></div>
263 </div> 264 </div>
264 </div> 265 </div>
265 266
266 </body> 267 </body>
267 </html> 268 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/maximize-tracks-definite-indefinite-width.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/named-grid-line-get-set.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698