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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-track-breadths-regarding-container-size.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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet"> 4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet">
5 <link href="../css-intrinsic-dimensions/resources/height-keyword-classes.css" re l="stylesheet"> 5 <link href="../css-intrinsic-dimensions/resources/height-keyword-classes.css" re l="stylesheet">
6 <link href="resources/grid.css" rel="stylesheet"> 6 <link href="resources/grid.css" rel="stylesheet">
7 <link href="resources/grid-alignment.css" rel="stylesheet">
7 <style> 8 <style>
8 .grid { 9 .grid {
9 grid-template-columns: 20% 50% 30%; 10 grid-template-columns: 20% 50% 30%;
10 grid-template-rows: 40%; 11 grid-template-rows: 40%;
11 } 12 }
12 13
13 .fixedSize { 14 .fixedSize {
14 width: 400px; 15 width: 400px;
15 height: 400px; 16 height: 400px;
16 } 17 }
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after
76 77
77 <div class="indefiniteHeight"> 78 <div class="indefiniteHeight">
78 <div class="grid fixedSize"> 79 <div class="grid fixedSize">
79 <div class="firstRowFirstColumn sizedToGridArea" data-expected-width ="80" data-expected-height="160">XX</div> 80 <div class="firstRowFirstColumn sizedToGridArea" data-expected-width ="80" data-expected-height="160">XX</div>
80 <div class="firstRowSecondColumn sizedToGridArea" data-expected-widt h="200" data-expected-height="160">XXXXX</div> 81 <div class="firstRowSecondColumn sizedToGridArea" data-expected-widt h="200" data-expected-height="160">XXXXX</div>
81 <div class="firstRowThirdColumn sizedToGridArea" data-expected-width ="120" data-expected-height="160">XXX</div> 82 <div class="firstRowThirdColumn sizedToGridArea" data-expected-width ="120" data-expected-height="160">XXX</div>
82 </div> 83 </div>
83 </div> 84 </div>
84 85
85 <div class="fit-content indefiniteHeight"> 86 <div class="fit-content indefiniteHeight">
86 <div class="grid calculatedSize"> 87 <div class="grid calculatedSize justifyContentStart">
87 <div class="firstRowFirstColumn sizedToGridArea" data-expected-width ="20" data-expected-height="10">XX</div> 88 <div class="firstRowFirstColumn sizedToGridArea" data-expected-width ="20" data-expected-height="10">XX</div>
88 <div class="firstRowSecondColumn sizedToGridArea" data-expected-widt h="50" data-expected-height="10">XXXXX</div> 89 <div class="firstRowSecondColumn sizedToGridArea" data-expected-widt h="50" data-expected-height="10">XXXXX</div>
89 <div class="firstRowThirdColumn sizedToGridArea" data-expected-width ="30" data-expected-height="10">XXX</div> 90 <div class="firstRowThirdColumn sizedToGridArea" data-expected-width ="30" data-expected-height="10">XXX</div>
90 </div> 91 </div>
91 </div> 92 </div>
92 93
93 <div class="unconstrainedContainer"> 94 <div class="unconstrainedContainer">
94 <div class="grid calculatedSize"> 95 <div class="grid calculatedSize">
95 <div class="firstRowFirstColumn sizedToGridArea" data-expected-width ="80" data-expected-height="160">XX</div> 96 <div class="firstRowFirstColumn sizedToGridArea" data-expected-width ="80" data-expected-height="160">XX</div>
96 <div class="firstRowSecondColumn sizedToGridArea" data-expected-widt h="200" data-expected-height="160">XXXXX</div> 97 <div class="firstRowSecondColumn sizedToGridArea" data-expected-widt h="200" data-expected-height="160">XXXXX</div>
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after
141 <div class="unconstrainedContainer"> 142 <div class="unconstrainedContainer">
142 <div class="grid fit-content"> 143 <div class="grid fit-content">
143 <div class="firstRowFirstColumn sizedToGridArea" data-expected-width ="20" data-expected-height="10">XX</div> 144 <div class="firstRowFirstColumn sizedToGridArea" data-expected-width ="20" data-expected-height="10">XX</div>
144 <div class="firstRowSecondColumn sizedToGridArea" data-expected-widt h="50" data-expected-height="10">XXXXX</div> 145 <div class="firstRowSecondColumn sizedToGridArea" data-expected-widt h="50" data-expected-height="10">XXXXX</div>
145 <div class="firstRowThirdColumn sizedToGridArea" data-expected-width ="30" data-expected-height="10">XXX</div> 146 <div class="firstRowThirdColumn sizedToGridArea" data-expected-width ="30" data-expected-height="10">XXX</div>
146 </div> 147 </div>
147 </div> 148 </div>
148 149
149 </body> 150 </body>
150 </html> 151 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698