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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/flex-flow-padding.html

Issue 1807653002: [css-flexbox] Correctly handle percentage sizing in the main axis (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: remove unnecessary brackets Created 4 years, 9 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/css3/flexbox/definite-main-size.html ('k') | third_party/WebKit/Source/core/layout/LayoutFlexibleBox.h » ('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 <style> 3 <style>
4 .container { 4 .container {
5 position: relative; 5 position: relative;
6 background-color: pink; 6 background-color: pink;
7 outline: 1px solid red; 7 outline: 1px solid red;
8 display: inline-block; 8 display: inline-block;
9 } 9 }
10 .flexbox { 10 .flexbox {
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after
87 87
88 var horizontalContainerSize = [160, 140]; 88 var horizontalContainerSize = [160, 140];
89 var verticalContainerSize = [140, 160]; 89 var verticalContainerSize = [140, 160];
90 90
91 var physicalExpectations = { 91 var physicalExpectations = {
92 'horizontal-tb': { 92 'horizontal-tb': {
93 rtl: { 93 rtl: {
94 containersize: horizontalContainerSize, 94 containersize: horizontalContainerSize,
95 flexitemcolumn: [30, 100, 110, 10], 95 flexitemcolumn: [30, 100, 110, 10],
96 flexitemrow: [100, 50, 40, 10], 96 flexitemrow: [100, 50, 40, 10],
97 childcolumn: [20, 20, 118, 23], 97 childcolumn: [20, 70, 118, 23],
98 childrow: [90, 20, 48, 23] 98 childrow: [90, 20, 48, 23]
99 }, 99 },
100 ltr : { 100 ltr : {
101 containersize: horizontalContainerSize, 101 containersize: horizontalContainerSize,
102 flexitemcolumn: [30, 100, 40, 10], 102 flexitemcolumn: [30, 100, 40, 10],
103 flexitemrow: [100, 50, 40, 10], 103 flexitemrow: [100, 50, 40, 10],
104 childcolumn: [20, 20, 48, 23], 104 childcolumn: [20, 70, 48, 23],
105 childrow: [90, 20, 48, 23] 105 childrow: [90, 20, 48, 23]
106 } 106 }
107 }, 107 },
108 'vertical-lr': { 108 'vertical-lr': {
109 rtl: { 109 rtl: {
110 containersize: horizontalContainerSize, 110 containersize: horizontalContainerSize,
111 flexitemcolumn: [100, 50, 40, 60], 111 flexitemcolumn: [100, 50, 40, 60],
112 flexitemrow: [30, 100, 40, 10], 112 flexitemrow: [30, 100, 40, 10],
113 childcolumn: [20, 20, 48, 73], 113 childcolumn: [90, 20, 48, 73],
114 childrow: [20, 70, 48, 23] 114 childrow: [20, 70, 48, 23]
115 }, 115 },
116 ltr : { 116 ltr : {
117 containersize: horizontalContainerSize, 117 containersize: horizontalContainerSize,
118 flexitemcolumn: [100, 50, 40, 10], 118 flexitemcolumn: [100, 50, 40, 10],
119 flexitemrow: [30, 100, 40, 10], 119 flexitemrow: [30, 100, 40, 10],
120 childcolumn: [20, 20, 48, 23], 120 childcolumn: [90, 20, 48, 23],
121 childrow: [20, 70, 48, 23] 121 childrow: [20, 70, 48, 23]
122 } 122 }
123 }, 123 },
124 'vertical-rl': { 124 'vertical-rl': {
125 rtl: { 125 rtl: {
126 containersize: horizontalContainerSize, 126 containersize: horizontalContainerSize,
127 flexitemcolumn: [100, 50, 40, 60], 127 flexitemcolumn: [100, 50, 40, 60],
128 flexitemrow: [30, 100, 110, 10], 128 flexitemrow: [30, 100, 110, 10],
129 childcolumn: [20, 20, 118, 73], 129 childcolumn: [90, 20, 48, 73],
130 childrow: [20, 70, 118, 23] 130 childrow: [20, 70, 118, 23]
131 }, 131 },
132 ltr : { 132 ltr : {
133 containersize: horizontalContainerSize, 133 containersize: horizontalContainerSize,
134 flexitemcolumn: [100, 50, 40, 10], 134 flexitemcolumn: [100, 50, 40, 10],
135 flexitemrow: [30, 100, 110, 10], 135 flexitemrow: [30, 100, 110, 10],
136 childcolumn: [20, 20, 118, 23], 136 childcolumn: [90, 20, 48, 23],
137 childrow: [20, 70, 118, 23] 137 childrow: [20, 70, 118, 23]
138 } 138 }
139 } 139 }
140 } 140 }
141 141
142 var logicalExpectations = { 142 var logicalExpectations = {
143 'horizontal-tb': { 143 'horizontal-tb': {
144 rtl: { 144 rtl: {
145 containersize: horizontalContainerSize, 145 containersize: horizontalContainerSize,
146 flexitemcolumn: [30, 100, 90, 10], 146 flexitemcolumn: [30, 100, 90, 10],
147 flexitemrow: [100, 50, 20, 10], 147 flexitemrow: [100, 50, 20, 10],
148 childcolumn: [20, 20, 92, 23], 148 childcolumn: [20, 70, 92, 23],
149 childrow: [90, 20, 22, 23] 149 childrow: [90, 20, 22, 23]
150 }, 150 },
151 ltr : { 151 ltr : {
152 containersize: horizontalContainerSize, 152 containersize: horizontalContainerSize,
153 flexitemcolumn: [30, 100, 40, 10], 153 flexitemcolumn: [30, 100, 40, 10],
154 flexitemrow: [100, 50, 40, 10], 154 flexitemrow: [100, 50, 40, 10],
155 childcolumn: [20, 20, 48, 23], 155 childcolumn: [20, 70, 48, 23],
156 childrow: [90, 20, 48, 23] 156 childrow: [90, 20, 48, 23]
157 } 157 }
158 }, 158 },
159 'vertical-lr': { 159 'vertical-lr': {
160 rtl: { 160 rtl: {
161 containersize: verticalContainerSize, 161 containersize: verticalContainerSize,
162 flexitemcolumn: [100, 30, 10, 90], 162 flexitemcolumn: [100, 30, 10, 90],
163 flexitemrow: [50, 100, 10, 20], 163 flexitemrow: [50, 100, 10, 20],
164 childcolumn: [20, 20, 23, 92], 164 childcolumn: [70, 20, 23, 92],
165 childrow: [20, 90, 23, 22] 165 childrow: [20, 90, 23, 22]
166 }, 166 },
167 ltr : { 167 ltr : {
168 containersize: verticalContainerSize, 168 containersize: verticalContainerSize,
169 flexitemcolumn: [100, 30, 10, 40], 169 flexitemcolumn: [100, 30, 10, 40],
170 flexitemrow: [50, 100, 10, 40], 170 flexitemrow: [50, 100, 10, 40],
171 childcolumn: [20, 20, 23, 48], 171 childcolumn: [70, 20, 23, 48],
172 childrow: [20, 90, 23, 48] 172 childrow: [20, 90, 23, 48]
173 } 173 }
174 }, 174 },
175 'vertical-rl': { 175 'vertical-rl': {
176 rtl: { 176 rtl: {
177 containersize: verticalContainerSize, 177 containersize: verticalContainerSize,
178 flexitemcolumn: [100, 30, 30, 90], 178 flexitemcolumn: [100, 30, 30, 90],
179 flexitemrow: [50, 100, 80, 20], 179 flexitemrow: [50, 100, 80, 20],
180 childcolumn: [20, 20, 97, 92], 180 childcolumn: [70, 20, 47, 92],
181 childrow: [20, 90, 97, 22] 181 childrow: [20, 90, 97, 22]
182 }, 182 },
183 ltr : { 183 ltr : {
184 containersize: verticalContainerSize, 184 containersize: verticalContainerSize,
185 flexitemcolumn: [100, 30, 30, 40], 185 flexitemcolumn: [100, 30, 30, 40],
186 flexitemrow: [50, 100, 80, 40], 186 flexitemrow: [50, 100, 80, 40],
187 childcolumn: [20, 20, 97, 48], 187 childcolumn: [70, 20, 47, 48],
188 childrow: [20, 90, 97, 48] 188 childrow: [20, 90, 97, 48]
189 } 189 }
190 } 190 }
191 } 191 }
192 192
193 var writingModes = ['horizontal-tb', 'vertical-lr', 'vertical-rl']; 193 var writingModes = ['horizontal-tb', 'vertical-lr', 'vertical-rl'];
194 var flexFlows = ['row', 'column', 'row-reverse', 'column-reverse']; 194 var flexFlows = ['row', 'column', 'row-reverse', 'column-reverse'];
195 var directions = ['rtl', 'ltr']; 195 var directions = ['rtl', 'ltr'];
196 var marginTypes = ['physical', 'logical']; 196 var marginTypes = ['physical', 'logical'];
197 197
(...skipping 22 matching lines...) Expand all
220 '</div>\n'; 220 '</div>\n';
221 221
222 document.body.appendChild(container); 222 document.body.appendChild(container);
223 }) 223 })
224 }) 224 })
225 }) 225 })
226 }) 226 })
227 </script> 227 </script>
228 </body> 228 </body>
229 </html> 229 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/css3/flexbox/definite-main-size.html ('k') | third_party/WebKit/Source/core/layout/LayoutFlexibleBox.h » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698