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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-preferred-logical-widths.html

Issue 1979603002: [css-grid] Fix behavior of flexible track breadths (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: New version fixing comment Created 4 years, 7 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 | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-gutters-and-flex-content-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set-expected.txt » ('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 <html> 2 <html>
3 <head> 3 <head>
4 <link href="resources/grid.css" rel=stylesheet> 4 <link href="resources/grid.css" rel=stylesheet>
5 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel =stylesheet> 5 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel =stylesheet>
6 <style> 6 <style>
7 7
8 .grid { 8 .grid {
9 font: 10px/1 Ahem; 9 font: 10px/1 Ahem;
10 } 10 }
(...skipping 17 matching lines...) Expand all
28 grid-template-columns: minmax(30px, 40px) minmax(30px, 40px); 28 grid-template-columns: minmax(30px, 40px) minmax(30px, 40px);
29 grid-template-rows: 10px; 29 grid-template-rows: 10px;
30 } 30 }
31 31
32 .gridAutoContent { 32 .gridAutoContent {
33 grid-template-columns: auto auto; 33 grid-template-columns: auto auto;
34 grid-template-rows: 10px; 34 grid-template-rows: 10px;
35 } 35 }
36 36
37 .gridFixedFraction { 37 .gridFixedFraction {
38 grid-template-columns: minmax(10px, 1fr) minmax(2fr, 20px); 38 grid-template-columns: minmax(10px, 1fr) minmax(20px, 2fr);
39 grid-template-rows: 10px; 39 grid-template-rows: 10px;
40 } 40 }
41 41
42 .margins { 42 .margins {
43 margin: 10px 20px 30px 40px; 43 margin: 10px 20px 30px 40px;
44 } 44 }
45 45
46 .minWidth70 { 46 .minWidth70 {
47 min-width: 70px; 47 min-width: 70px;
48 } 48 }
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
96 <div class="grid gridAutoContent min-content" data-expected-height="10" data-exp ected-width="40"> 96 <div class="grid gridAutoContent min-content" data-expected-height="10" data-exp ected-width="40">
97 <div class="firstRowFirstColumn">XX XX XX</div> 97 <div class="firstRowFirstColumn">XX XX XX</div>
98 <div class="firstRowSecondColumn">XX XX XX</div> 98 <div class="firstRowSecondColumn">XX XX XX</div>
99 </div> 99 </div>
100 100
101 <div class="grid gridAutoContent max-content" data-expected-height="10" data-exp ected-width="160"> 101 <div class="grid gridAutoContent max-content" data-expected-height="10" data-exp ected-width="160">
102 <div class="firstRowFirstColumn">XX XX XX</div> 102 <div class="firstRowFirstColumn">XX XX XX</div>
103 <div class="firstRowSecondColumn">XX XX XX</div> 103 <div class="firstRowSecondColumn">XX XX XX</div>
104 </div> 104 </div>
105 105
106 <div class="grid gridFixedFraction min-content" data-expected-height="10" data-e xpected-width="10"></div> 106 <div class="grid gridFixedFraction min-content" data-expected-height="10" data-e xpected-width="30"></div>
107 </div> 107 </div>
108 108
109 <div class="grid gridFixedFraction max-content" data-expected-height="10" data-e xpected-width="30"></div> 109 <div class="grid gridFixedFraction max-content" data-expected-height="10" data-e xpected-width="30"></div>
110 </div> 110 </div>
111 111
112 <!-- Now with margin on one of the grid items. --> 112 <!-- Now with margin on one of the grid items. -->
113 <div class="grid gridMinContentFixed min-content" data-expected-height="10" data -expected-width="100"> 113 <div class="grid gridMinContentFixed min-content" data-expected-height="10" data -expected-width="100">
114 <div class="firstRowFirstColumn">XX XX XX</div> 114 <div class="firstRowFirstColumn">XX XX XX</div>
115 <div class="firstRowSecondColumn margins">XX XX XX</div> 115 <div class="firstRowSecondColumn margins">XX XX XX</div>
116 </div> 116 </div>
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after
206 <div class="firstRowSecondColumn">XX XX XX</div> 206 <div class="firstRowSecondColumn">XX XX XX</div>
207 </div> 207 </div>
208 208
209 <div class="min-content grid gridAutoContent maxWidth20" data-expected-height="1 0" data-expected-width="20"> 209 <div class="min-content grid gridAutoContent maxWidth20" data-expected-height="1 0" data-expected-width="20">
210 <div class="firstRowFirstColumn">XX XX XX</div> 210 <div class="firstRowFirstColumn">XX XX XX</div>
211 <div class="firstRowSecondColumn">XX XX XX</div> 211 <div class="firstRowSecondColumn">XX XX XX</div>
212 </div> 212 </div>
213 213
214 <div class="min-content grid gridFixedFraction minWidth70" data-expected-height= "10" data-expected-width="70"></div> 214 <div class="min-content grid gridFixedFraction minWidth70" data-expected-height= "10" data-expected-width="70"></div>
215 215
216 <div class="min-content grid gridFixedFraction maxWidth20" data-expected-height= "10" data-expected-width="10"></div> 216 <div class="min-content grid gridFixedFraction maxWidth20" data-expected-height= "10" data-expected-width="20"></div>
217 217
218 </body> 218 </body>
219 </html> 219 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-gutters-and-flex-content-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698