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

Side by Side Diff: LayoutTests/fast/multicol/overflow-content.html

Issue 25687002: Add support for the column-fill property. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Put changes to problematic files (for the bots) back in. Created 7 years, 2 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
OLDNEW
1 <style> 1 <style>
2 div.test { 2 div.test {
3 -webkit-logical-width: 100px; 3 -webkit-logical-width: 100px;
4 -webkit-border-before: 5px solid; 4 -webkit-border-before: 5px solid;
5 -webkit-border-after: 15px solid; 5 -webkit-border-after: 15px solid;
6 -webkit-column-count: 2; 6 -webkit-column-count: 2;
7 -webkit-column-gap: 0; 7 -webkit-column-gap: 0;
8 column-count: 2;
9 column-gap: 0;
10 column-fill: auto;
8 background-color: lightblue; 11 background-color: lightblue;
9 } 12 }
10 div.container { 13 div.container {
11 -webkit-logical-height: 120px; 14 -webkit-logical-height: 120px;
12 background-color: red; 15 background-color: red;
13 -webkit-logical-width: 100px; 16 -webkit-logical-width: 100px;
14 -webkit-margin-after: 8px; 17 -webkit-margin-after: 8px;
15 } 18 }
16 </style> 19 </style>
17 <div> 20 <div>
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
61 <div class="container"> 64 <div class="container">
62 <div class="test"> 65 <div class="test">
63 <div style="-webkit-logical-height: 10px;"></div> 66 <div style="-webkit-logical-height: 10px;"></div>
64 <div style="-webkit-column-break-before: always; -webkit-logical-hei ght: 10px;"> 67 <div style="-webkit-column-break-before: always; -webkit-logical-hei ght: 10px;">
65 <div style="-webkit-logical-height: 100px; background-color: yel low;"></div> 68 <div style="-webkit-logical-height: 100px; background-color: yel low;"></div>
66 </div> 69 </div>
67 <div style="-webkit-logical-height: 20px;"></div> 70 <div style="-webkit-logical-height: 20px;"></div>
68 </div> 71 </div>
69 </div> 72 </div>
70 </div> 73 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698