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

Side by Side Diff: LayoutTests/fast/css-grid-layout/implicit-position-dynamic-change.html

Issue 16959008: [CSS Grid Layout] Rename grid-{rows|columns} to grid-definition-{rows|columns} (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: rebased Created 7 years, 5 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 .gridFixedContent { 9 .gridFixedContent {
10 grid-columns: 50px minmax(min-content, 50px) minmax(max-content, 50px) minma x(50px, min-content); 10 grid-definition-columns: 50px minmax(min-content, 50px) minmax(max-content, 50px) minmax(50px, min-content);
11 grid-rows: 70px minmax(max-content, 70px) minmax(50px, min-content) minmax(6 5px, max-content); 11 grid-definition-rows: 70px minmax(max-content, 70px) minmax(50px, min-conten t) minmax(65px, max-content);
12 } 12 }
13 </style> 13 </style>
14 <script src="../../resources/check-layout.js"></script> 14 <script src="../../resources/check-layout.js"></script>
15 <script> 15 <script>
16 function testPosition(gridElementID, position, size) 16 function testPosition(gridElementID, position, size)
17 { 17 {
18 gridItem = document.getElementById(gridElementID).firstChild; 18 gridItem = document.getElementById(gridElementID).firstChild;
19 gridItem.style.gridColumn = position.column; 19 gridItem.style.gridColumn = position.column;
20 gridItem.style.gridRow = position.row; 20 gridItem.style.gridRow = position.row;
21 gridItem.setAttribute("data-expected-width", size.width); 21 gridItem.setAttribute("data-expected-width", size.width);
(...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after
89 <div class="grid gridFixedContent" id="constrainedGrid"><div class="sizedToG ridArea">XXXX XXXX XXXX</div></div> 89 <div class="grid gridFixedContent" id="constrainedGrid"><div class="sizedToG ridArea">XXXX XXXX XXXX</div></div>
90 </div> 90 </div>
91 91
92 <!-- Allow the extra logical space distribution to occur. --> 92 <!-- Allow the extra logical space distribution to occur. -->
93 <div style="width: 1000px; height: 1000px"> 93 <div style="width: 1000px; height: 1000px">
94 <div class="grid gridFixedContent" id="unconstrainedGrid"><div class="sizedT oGridArea">XXXXXX XXXXXX</div></div> 94 <div class="grid gridFixedContent" id="unconstrainedGrid"><div class="sizedT oGridArea">XXXXXX XXXXXX</div></div>
95 </div> 95 </div>
96 96
97 </body> 97 </body>
98 </html> 98 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698