Chromium Code Reviews

Side by Side Diff: LayoutTests/css3/flexbox/flex-align-vertical-writing-mode.html

Issue 616583002: Revert of Blink doesn't honor percent heights on children of "align-self:stretch" flex items in a fixed-height (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff |
« no previous file with comments | « LayoutTests/css3/flexbox/flex-align.html ('k') | LayoutTests/css3/flexbox/flex-flow-padding.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 <html> 2 <html>
3 <link href="resources/flexbox.css" rel="stylesheet"> 3 <link href="resources/flexbox.css" rel="stylesheet">
4 <style> 4 <style>
5 body { 5 body {
6 margin: 0; 6 margin: 0;
7 } 7 }
8 .flexbox { 8 .flexbox {
9 height: 100px; 9 height: 100px;
10 background-color: #aaa; 10 background-color: #aaa;
(...skipping 50 matching lines...)
61 61
62 <div class="flexbox"> 62 <div class="flexbox">
63 <div data-expected-width="60" data-offset-x="60" class="flex-one" style="widt h: 60px;"></div> 63 <div data-expected-width="60" data-offset-x="60" class="flex-one" style="widt h: 60px;"></div>
64 <div data-expected-width="120" data-offset-x="0" class="flex-one"></div> 64 <div data-expected-width="120" data-offset-x="0" class="flex-one"></div>
65 <div data-expected-width="60" data-offset-x="30" class="flex-one" style="widt h: 60px; margin: auto;"></div> 65 <div data-expected-width="60" data-offset-x="30" class="flex-one" style="widt h: 60px; margin: auto;"></div>
66 <div data-expected-width="0" data-offset-x="60" class="flex-one" style="margin : 0 auto;"></div> 66 <div data-expected-width="0" data-offset-x="60" class="flex-one" style="margin : 0 auto;"></div>
67 <div data-expected-width="100" data-offset-x="10" class="flex-one" style="widt h: 100px; margin: 0 10px;"></div> 67 <div data-expected-width="100" data-offset-x="10" class="flex-one" style="widt h: 100px; margin: 0 10px;"></div>
68 <div data-expected-width="50" data-offset-x="50" class="flex-one" style="width : 50px; margin: 0 20px 0 10px;"></div> 68 <div data-expected-width="50" data-offset-x="50" class="flex-one" style="width : 50px; margin: 0 20px 0 10px;"></div>
69 <div data-expected-width="90" data-offset-x="10" class="flex-one" style="margi n: 0 20px 0 10px;"></div> 69 <div data-expected-width="90" data-offset-x="10" class="flex-one" style="margi n: 0 20px 0 10px;"></div>
70 <div data-expected-width="120" data-offset-x="0" class="flex-one"> 70 <div data-expected-width="120" data-offset-x="0" class="flex-one">
71 <div data-expected-width="120" style="width: 100%; background-color:black">< /div> 71 <!-- Since no parent has a fixed height, this div shrink-wraps. -->
72 <div data-expected-width="0" style="width: 100%; background-color:black"></d iv>
72 </div> 73 </div>
73 </div> 74 </div>
74 75
75 <div class="flexbox" style="width: 100px;"> 76 <div class="flexbox" style="width: 100px;">
76 <div data-expected-width="50" data-offset-x="50" class="flex-one" style="widt h: 50px;"></div> 77 <div data-expected-width="50" data-offset-x="50" class="flex-one" style="widt h: 50px;"></div>
77 <div data-expected-width="100" data-offset-x="0" class="flex-one"></div> 78 <div data-expected-width="100" data-offset-x="0" class="flex-one"></div>
78 <div data-expected-width="100" data-offset-x="0" class="flex-one" style="width : 100%;"> 79 <div data-expected-width="100" data-offset-x="0" class="flex-one" style="width : 100%;">
79 <div data-expected-width="100" style="width: 100%; background-color:black">< /div> 80 <div data-expected-width="100" style="width: 100%; background-color:black">< /div>
80 </div> 81 </div>
81 </div> 82 </div>
(...skipping 126 matching lines...)
208 { 209 {
209 if (!condition) 210 if (!condition)
210 document.getElementById("results").innerHTML += msg + "<br/>"; 211 document.getElementById("results").innerHTML += msg + "<br/>";
211 } 212 }
212 213
213 additionalBaselineChecks(); 214 additionalBaselineChecks();
214 </script> 215 </script>
215 216
216 </body> 217 </body>
217 </html> 218 </html>
OLDNEW
« no previous file with comments | « LayoutTests/css3/flexbox/flex-align.html ('k') | LayoutTests/css3/flexbox/flex-flow-padding.html » ('j') | no next file with comments »

Powered by Google App Engine