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

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-item-spanning-resolution.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 .grid { 9 .grid {
10 grid-definition-columns: 40% 60%; 10 grid-template-columns: 40% 60%;
11 grid-definition-rows: 30% 70%; 11 grid-template-rows: 30% 70%;
12 width: 400px; 12 width: 400px;
13 height: 300px; 13 height: 300px;
14 } 14 }
15 15
16 #bigGrid { 16 #bigGrid {
17 grid-definition-columns: 25% 25% 25% 25%; 17 grid-template-columns: 25% 25% 25% 25%;
18 grid-definition-rows: 25% 25% 25% 25%; 18 grid-template-rows: 25% 25% 25% 25%;
19 height: 100px; 19 height: 100px;
20 width: 200px; 20 width: 200px;
21 } 21 }
22 22
23 .negativeOverflowRowFirstColumn { 23 .negativeOverflowRowFirstColumn {
24 grid-row: 1 / -5; 24 grid-row: 1 / -5;
25 grid-column: 1; 25 grid-column: 1;
26 } 26 }
27 27
28 .overflowRowFirstColumn { 28 .overflowRowFirstColumn {
(...skipping 145 matching lines...) Expand 10 before | Expand all | Expand 10 after
174 <div class="sizedToGridArea thirdRowSpanning2Column3" data-offset-x="0" data -offset-y="50" data-expected-width="100" data-expected-height="25"></div> 174 <div class="sizedToGridArea thirdRowSpanning2Column3" data-offset-x="0" data -offset-y="50" data-expected-width="100" data-expected-height="25"></div>
175 </div> 175 </div>
176 176
177 <div style="position: relative"> 177 <div style="position: relative">
178 <div class="grid" id="bigGrid" data-expected-width="200" data-expected-height="1 00"> 178 <div class="grid" id="bigGrid" data-expected-width="200" data-expected-height="1 00">
179 <div class="sizedToGridArea underflowSpanning" data-offset-x="0" data-offset -y="0" data-expected-width="100" data-expected-height="75"></div> 179 <div class="sizedToGridArea underflowSpanning" data-offset-x="0" data-offset -y="0" data-expected-width="100" data-expected-height="75"></div>
180 </div> 180 </div>
181 181
182 </body> 182 </body>
183 </html> 183 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698