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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-negative-position-resolution.html

Issue 1529083006: [css-grid] Initial support for implicit grid before explicit grid (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Apply suggested changes Created 5 years 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 | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-flow-resolution.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-spanning-resolution.html » ('j') | third_party/WebKit/Source/core/style/GridCoordinate.h » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <link href="resources/grid.css" rel="stylesheet"> 3 <link href="resources/grid.css" rel="stylesheet">
4 <style> 4 <style>
5 .grid { 5 .grid {
6 grid-template-columns: [first] 50px [middle] 100px [last]; 6 grid-template-columns: [first] 50px [middle] 100px [last];
7 grid-template-rows: [first] 50px [middle] 100px [last]; 7 grid-template-rows: [first] 50px [middle] 100px [last];
8 /* To detect how much we extend the grid. */ 8 /* To detect how much we extend the grid. */
9 grid-auto-columns: 200px; 9 grid-auto-columns: 200px;
10 grid-auto-rows: 200px; 10 grid-auto-rows: 200px;
(...skipping 140 matching lines...) Expand 10 before | Expand all | Expand 10 after
151 </div> 151 </div>
152 </div> 152 </div>
153 153
154 <div style="position: relative"> 154 <div style="position: relative">
155 <div class="grid" data-expected-width="150" data-expected-height="150"> 155 <div class="grid" data-expected-width="150" data-expected-height="150">
156 <div class="sizedToGridArea negativeEndPositionStartSpanInColumnDirection" d ata-offset-x="50" data-offset-y="0" data-expected-width="100" data-expected-heig ht="50"></div> 156 <div class="sizedToGridArea negativeEndPositionStartSpanInColumnDirection" d ata-offset-x="50" data-offset-y="0" data-expected-width="100" data-expected-heig ht="50"></div>
157 </div> 157 </div>
158 </div> 158 </div>
159 159
160 <div style="position: relative"> 160 <div style="position: relative">
161 <div class="grid" data-expected-width="150" data-expected-height="150"> 161 <div class="grid" data-expected-width="150" data-expected-height="750">
162 <div class="sizedToGridArea negativeEndPositionStartSpanInRowDirection" data -offset-x="0" data-offset-y="0" data-expected-width="50" data-expected-height="1 50"></div> 162 <div class="sizedToGridArea negativeEndPositionStartSpanInRowDirection" data -offset-x="0" data-offset-y="0" data-expected-width="50" data-expected-height="7 50"></div>
163 </div> 163 </div>
164 </div> 164 </div>
165 165
166 <div style="position: relative"> 166 <div style="position: relative">
167 <div class="grid" data-expected-width="150" data-expected-height="150"> 167 <div class="grid" data-expected-width="150" data-expected-height="150">
168 <div class="sizedToGridArea negativeNamedGridLineEndPositionStartSpanInColum nDirection" data-offset-x="50" data-offset-y="0" data-expected-width="100" data- expected-height="50"></div> 168 <div class="sizedToGridArea negativeNamedGridLineEndPositionStartSpanInColum nDirection" data-offset-x="50" data-offset-y="0" data-expected-width="100" data- expected-height="50"></div>
169 </div> 169 </div>
170 </div> 170 </div>
171 171
172 <div style="position: relative"> 172 <div style="position: relative">
173 <div class="grid" data-expected-width="150" data-expected-height="150"> 173 <div class="grid" data-expected-width="150" data-expected-height="750">
174 <div class="sizedToGridArea negativeNamedGridLineEndPositionStartSpanInRowDi rection" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expec ted-height="150"></div> 174 <div class="sizedToGridArea negativeNamedGridLineEndPositionStartSpanInRowDi rection" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expec ted-height="750"></div>
175 </div> 175 </div>
176 </div> 176 </div>
177 177
178 <div style="position: relative"> 178 <div style="position: relative">
179 <div class="grid" data-expected-width="150" data-expected-height="150"> 179 <div class="grid" data-expected-width="150" data-expected-height="150">
180 <div class="sizedToGridArea negativeEndPositionStartNegativeInColumnDirectio n" data-offset-x="0" data-offset-y="0" data-expected-width="150" data-expected-h eight="50"></div> 180 <div class="sizedToGridArea negativeEndPositionStartNegativeInColumnDirectio n" data-offset-x="0" data-offset-y="0" data-expected-width="150" data-expected-h eight="50"></div>
181 </div> 181 </div>
182 </div> 182 </div>
183 183
184 <div style="position: relative"> 184 <div style="position: relative">
185 <div class="grid" data-expected-width="150" data-expected-height="150"> 185 <div class="grid" data-expected-width="550" data-expected-height="150">
186 <div class="sizedToGridArea negativeEndPositionStartNegativeInRowDirection" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expected-heigh t="50"></div> 186 <div class="sizedToGridArea negativeEndPositionStartNegativeInRowDirection" data-offset-x="0" data-offset-y="0" data-expected-width="450" data-expected-heig ht="50"></div>
187 </div> 187 </div>
188 </div> 188 </div>
189 189
190 <div style="position: relative"> 190 <div style="position: relative">
191 <div class="grid" data-expected-width="150" data-expected-height="150"> 191 <div class="grid" data-expected-width="150" data-expected-height="150">
192 <div class="sizedToGridArea namedGridLineEndPositionStartNegativeInColumnDir ection" data-offset-x="0" data-offset-y="0" data-expected-width="150" data-expec ted-height="50"></div> 192 <div class="sizedToGridArea namedGridLineEndPositionStartNegativeInColumnDir ection" data-offset-x="0" data-offset-y="0" data-expected-width="150" data-expec ted-height="50"></div>
193 </div> 193 </div>
194 </div> 194 </div>
195 195
196 <div style="position: relative"> 196 <div style="position: relative">
197 <div class="grid" data-expected-width="150" data-expected-height="150"> 197 <div class="grid" data-expected-width="550" data-expected-height="150">
198 <div class="sizedToGridArea namedGridLineEndPositionStartNegativeInRowDirect ion" data-offset-x="0" data-offset-y="0" data-expected-width="50" data-expected- height="50"></div> 198 <div class="sizedToGridArea namedGridLineEndPositionStartNegativeInRowDirect ion" data-offset-x="0" data-offset-y="0" data-expected-width="450" data-expected -height="50"></div>
199 </div> 199 </div>
200 </div> 200 </div>
201 201
202 </body> 202 </body>
203 </html> 203 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-flow-resolution.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-spanning-resolution.html » ('j') | third_party/WebKit/Source/core/style/GridCoordinate.h » ('J')

Powered by Google App Engine
This is Rietveld 408576698