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

Side by Side Diff: LayoutTests/fast/css-grid-layout/flex-content-resolution-rows.html

Issue 146773002: [CSS Grid Layout] Rename grid-definition-{columns|rows} to match the new syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fixed renaming issues with some tests. Created 6 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 <script> 3 <script>
4 if (window.testRunner) 4 if (window.testRunner)
5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); 5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1);
6 </script> 6 </script>
7 <link href="resources/grid.css" rel="stylesheet"> 7 <link href="resources/grid.css" rel="stylesheet">
8 <style> 8 <style>
9 .gridMinFlexContent { 9 .gridMinFlexContent {
10 grid-definition-columns: 50px; 10 grid-template-columns: 50px;
11 grid-definition-rows: minmax(1fr, 50px); 11 grid-template-rows: minmax(1fr, 50px);
12 } 12 }
13 .gridMaxFlexContent { 13 .gridMaxFlexContent {
14 grid-definition-columns: 50px; 14 grid-template-columns: 50px;
15 grid-definition-rows: minmax(30px, 2fr); 15 grid-template-rows: minmax(30px, 2fr);
16 } 16 }
17 .gridTwoMaxFlexContent { 17 .gridTwoMaxFlexContent {
18 grid-definition-columns: 50px; 18 grid-template-columns: 50px;
19 grid-definition-rows: minmax(10px, 1fr) minmax(10px, 2fr); 19 grid-template-rows: minmax(10px, 1fr) minmax(10px, 2fr);
20 } 20 }
21 .gridTwoDoubleMaxFlexContent { 21 .gridTwoDoubleMaxFlexContent {
22 grid-definition-columns: 50px; 22 grid-template-columns: 50px;
23 grid-definition-rows: minmax(10px, 0.5fr) minmax(10px, 2fr); 23 grid-template-rows: minmax(10px, 0.5fr) minmax(10px, 2fr);
24 } 24 }
25 </style> 25 </style>
26 <script src="../../resources/check-layout.js"></script> 26 <script src="../../resources/check-layout.js"></script>
27 <body onload="checkLayout('.grid');"> 27 <body onload="checkLayout('.grid');">
28 28
29 <p>Test that resolving auto tracks on grid items works properly.</p> 29 <p>Test that resolving auto tracks on grid items works properly.</p>
30 30
31 <div style="height: 0px"> 31 <div style="height: 0px">
32 <div class="grid gridMinFlexContent" style="height: 100%"> 32 <div class="grid gridMinFlexContent" style="height: 100%">
33 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="50 " data-expected-height="0"></div> 33 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="50 " data-expected-height="0"></div>
(...skipping 138 matching lines...) Expand 10 before | Expand all | Expand 10 after
172 172
173 <div style="width: 10px; height: 120px;"> 173 <div style="width: 10px; height: 120px;">
174 <div class="grid gridTwoDoubleMaxFlexContent"> 174 <div class="grid gridTwoDoubleMaxFlexContent">
175 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="50 " data-expected-height="10"></div> 175 <div class="sizedToGridArea firstRowFirstColumn" data-expected-width="50 " data-expected-height="10"></div>
176 <div class="sizedToGridArea secondRowFirstColumn" data-expected-width="5 0" data-expected-height="40"></div> 176 <div class="sizedToGridArea secondRowFirstColumn" data-expected-width="5 0" data-expected-height="40"></div>
177 </div> 177 </div>
178 </div> 178 </div>
179 179
180 </body> 180 </body>
181 </html> 181 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698