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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-fill-columns.html

Issue 2161003003: [css-grid] repeat() syntax should take a <track-list> argument (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Patch for landing Created 4 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
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-fill-rows.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 2
3 <link href="resources/grid.css" rel="stylesheet"> 3 <link href="resources/grid.css" rel="stylesheet">
4 <style> 4 <style>
5 5
6 .grid { 6 .grid {
7 border: 2px solid magenta; 7 border: 2px solid magenta;
8 width: 200px; 8 width: 200px;
9 position: relative; 9 position: relative;
10 justify-content: start; 10 justify-content: start;
11 grid-auto-columns: 157px; 11 grid-auto-columns: 157px;
12 grid-auto-rows: 25px; 12 grid-auto-rows: 25px;
13 } 13 }
14 14
15 .gridOnlyAutoRepeat { grid-template-columns: repeat(auto-fill, 30px [autobar]); } 15 .gridOnlyAutoRepeat { grid-template-columns: repeat(auto-fill, 30px [autobar]); }
16 .gridAutoRepeatAndFixedBefore { grid-template-columns: 10px [foo] 20% [bar] repe at(auto-fill, [autofoo] 35px); } 16 .gridAutoRepeatAndFixedBefore { grid-template-columns: 10px [foo] 20% [bar] repe at(auto-fill, [autofoo] 35px); }
17 .gridAutoRepeatAndFixedAfter { grid-template-columns: repeat(auto-fill, [first] 30px [last]) [foo] minmax(60px, 80px) [bar] minmax(45px, max-content); } 17 .gridAutoRepeatAndFixedAfter { grid-template-columns: repeat(auto-fill, [first] 30px [last]) [foo] minmax(60px, 80px) [bar] minmax(45px, max-content); }
18 .gridAutoRepeatAndFixed { grid-template-columns: [start] repeat(2, 50px [a]) [mi ddle] repeat(auto-fill, [autofoo] 15px [autobar]) minmax(5%, 10%) [end]; } 18 .gridAutoRepeatAndFixed { grid-template-columns: [start] repeat(2, 50px [a]) [mi ddle] repeat(auto-fill, [autofoo] 15px [autobar]) minmax(5%, 10%) [end]; }
19 .gridMultipleNames { grid-template-columns: [start] 20px [foo] 50% repeat(auto-f ill, [bar] 20px [start foo]) [foo] 10% [end bar]; } 19 .gridMultipleNames { grid-template-columns: [start] 20px [foo] 50% repeat(auto-f ill, [bar] 20px [start foo]) [foo] 10% [end bar]; }
20 .gridMultipleTracks { grid-template-columns: [start] 20px repeat(auto-fill, [a] 2em [b c] 10% [d]) [e] minmax(75px, 1fr) [last]; }
20 21
21 .item { background-color: cyan; } 22 .item { background-color: cyan; }
22 23
23 .gap { grid-column-gap: 20px; } 24 .gap { grid-column-gap: 20px; }
24 25
25 </style> 26 </style>
26 27
27 <script src="../../resources/testharness.js"></script> 28 <script src="../../resources/testharness.js"></script>
28 <script src="../../resources/testharnessreport.js"></script> 29 <script src="../../resources/testharnessreport.js"></script>
29 <script src="../../resources/check-layout-th.js"></script> 30 <script src="../../resources/check-layout-th.js"></script>
(...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after
134 </div> 135 </div>
135 136
136 <div class="grid gridMultipleNames gap"> 137 <div class="grid gridMultipleNames gap">
137 <div class="item" style="grid-column: bar / foo 2" data-offset-x="160" data -offset-y="0" data-expected-width="20" data-expected-height="25"></div> 138 <div class="item" style="grid-column: bar / foo 2" data-offset-x="160" data -offset-y="0" data-expected-width="20" data-expected-height="25"></div>
138 </div> 139 </div>
139 140
140 <div class="grid gridMultipleNames gap"> 141 <div class="grid gridMultipleNames gap">
141 <div class="item" style="grid-column: foo / bar 2" data-offset-x="40" data- offset-y="0" data-expected-width="180" data-expected-height="25"></div> 142 <div class="item" style="grid-column: foo / bar 2" data-offset-x="40" data- offset-y="0" data-expected-width="180" data-expected-height="25"></div>
142 </div> 143 </div>
143 144
145 <div class="grid gridMultipleTracks">
146 <div class="item" style="grid-column: a / 2 c" data-offset-x="20" data-offs et-y="0" data-expected-width="84" data-expected-height="25"></div>
147 <div class="item" style="grid-column: 3 / e; grid-row: 2;" data-offset-x="5 2" data-offset-y="25" data-expected-width="72" data-expected-height="25"></div>
148 </div>
149
150 <div class="grid gridMultipleTracks gap">
151 <div class="item" style="grid-column: a / c" data-offset-x="40" data-offset -y="0" data-expected-width="32" data-expected-height="25"></div>
152 <div class="item" style="grid-column: 3 / last; grid-row: 2;" data-offset-x ="92" data-offset-y="25" data-expected-width="115" data-expected-height="25"></d iv>
153 </div>
154
144 </body> 155 </body>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-fill-rows.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698