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

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-item-addition-track-breadth-update.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 13
14 .sizedToGridArea { 14 .sizedToGridArea {
15 font: 10px/1 Ahem; 15 font: 10px/1 Ahem;
16 /* Make us fit our grid area. */ 16 /* Make us fit our grid area. */
17 width: 100%; 17 width: 100%;
18 height: 100%; 18 height: 100%;
19 } 19 }
20 </style> 20 </style>
21 <script src="../../resources/check-layout.js"></script> 21 <script src="../../resources/check-layout.js"></script>
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after
98 <div class="grid gridFixedContent" id="constrainedGrid"></div> 98 <div class="grid gridFixedContent" id="constrainedGrid"></div>
99 </div> 99 </div>
100 100
101 <!-- Allow the extra logical space distribution to occur. --> 101 <!-- Allow the extra logical space distribution to occur. -->
102 <div style="width: 1000px; height: 1000px"> 102 <div style="width: 1000px; height: 1000px">
103 <div class="grid gridFixedContent" id="unconstrainedGrid"><div class="sizedT oGridArea">XXXXXX XXXXXX</div></div> 103 <div class="grid gridFixedContent" id="unconstrainedGrid"><div class="sizedT oGridArea">XXXXXX XXXXXX</div></div>
104 </div> 104 </div>
105 105
106 </body> 106 </body>
107 </html> 107 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698