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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-replaced.html

Issue 1419813004: Remove the "horizontal-bt" value from -webkit-writing-mode (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Add static_assert to ensure TransformedWritingMode matches to WritingMode Created 5 years, 1 month 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/block/positioning/differing-writing-modes-expected.html ('k') | third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-replaced-expected.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 <html> 1 <html>
2 <head> 2 <head>
3 <title>Differing writing modes test for replaced positioned elements and their c ontaining blocks</title> 3 <title>Differing writing modes test for replaced positioned elements and their c ontaining blocks</title>
4 <style> 4 <style>
5 .htb { -webkit-writing-mode: horizontal-tb } 5 .htb { -webkit-writing-mode: horizontal-tb }
6 .hbt { -webkit-writing-mode: horizontal-bt }
7 .vlr { -webkit-writing-mode: vertical-lr } 6 .vlr { -webkit-writing-mode: vertical-lr }
8 .vrl { -webkit-writing-mode: vertical-rl } 7 .vrl { -webkit-writing-mode: vertical-rl }
9 8
10 .tl { top: 0; left: 0 } 9 .tl { top: 0; left: 0 }
11 .tr { top: 0; right: 0 } 10 .tr { top: 0; right: 0 }
12 .bl { bottom: 0; left: 0 } 11 .bl { bottom: 0; left: 0 }
13 .br { bottom: 0; right: 0 } 12 .br { bottom: 0; right: 0 }
14 13
15 .container { margin:5px; display: inline-block; position: relative; width:50px; height:50px; border-top:1px solid black; border-right:2px solid black; border-bo ttom:3px solid black; border-left:4px solid black; padding:1px 2px 3px 4px } 14 .container { margin:5px; display: inline-block; position: relative; width:50px; height:50px; border-top:1px solid black; border-right:2px solid black; border-bo ttom:3px solid black; border-left:4px solid black; padding:1px 2px 3px 4px }
16 .child { position:absolute; width:20px; height:20px; background-color:green } 15 .child { position:absolute; width:20px; height:20px; background-color:green }
(...skipping 13 matching lines...) Expand all
30 </div> 29 </div>
31 <br> 30 <br>
32 31
33 The test boxes: 32 The test boxes:
34 33
35 <br> 34 <br>
36 <div class="container htb"> 35 <div class="container htb">
37 <img class="child htb tl"> 36 <img class="child htb tl">
38 <img class="child vlr tr"> 37 <img class="child vlr tr">
39 <img class="child vrl bl"> 38 <img class="child vrl bl">
40 <img class="child hbt br"> 39 <img class="child htb br">
41 </div> 40 </div>
42 41
43 <div class="container vlr"> 42 <div class="container vlr">
44 <img class="child htb tl"> 43 <img class="child htb tl">
45 <img class="child vlr tr"> 44 <img class="child vlr tr">
46 <img class="child vrl bl"> 45 <img class="child vrl bl">
47 <img class="child hbt br"> 46 <img class="child htb br">
48 </div>
49
50 <div class="container hbt">
51 <img class="child htb tl">
52 <img class="child vlr tr">
53 <img class="child vrl bl">
54 <img class="child hbt br">
55 </div> 47 </div>
56 48
57 <div class="container vrl"> 49 <div class="container vrl">
58 <img class="child htb tl"> 50 <img class="child htb tl">
59 <img class="child vlr tr"> 51 <img class="child vlr tr">
60 <img class="child vrl bl"> 52 <img class="child vrl bl">
61 <img class="child hbt br"> 53 <img class="child htb br">
62 </div> 54 </div>
63 55
64 <br> 56 <br>
65 57
66 <div class="container htb"> 58 <div class="container htb">
67 <img class="child htb tr"> 59 <img class="child htb tr">
68 <img class="child vlr bl"> 60 <img class="child vlr bl">
69 <img class="child vrl br"> 61 <img class="child vrl br">
70 <img class="child hbt tl"> 62 <img class="child htb tl">
71 </div> 63 </div>
72 64
73 <div class="container vlr"> 65 <div class="container vlr">
74 <img class="child htb tr"> 66 <img class="child htb tr">
75 <img class="child vlr bl"> 67 <img class="child vlr bl">
76 <img class="child vrl br"> 68 <img class="child vrl br">
77 <img class="child hbt tl"> 69 <img class="child htb tl">
78 </div>
79
80 <div class="container hbt">
81 <img class="child htb tr">
82 <img class="child vlr bl">
83 <img class="child vrl br">
84 <img class="child hbt tl">
85 </div> 70 </div>
86 71
87 <div class="container vrl"> 72 <div class="container vrl">
88 <img class="child htb tr"> 73 <img class="child htb tr">
89 <img class="child vlr bl"> 74 <img class="child vlr bl">
90 <img class="child vrl br"> 75 <img class="child vrl br">
91 <img class="child hbt tl"> 76 <img class="child htb tl">
92 </div> 77 </div>
93 78
94 <br> 79 <br>
95 80
96 <div class="container htb"> 81 <div class="container htb">
97 <img class="child htb bl"> 82 <img class="child htb bl">
98 <img class="child vlr br"> 83 <img class="child vlr br">
99 <img class="child vrl tl"> 84 <img class="child vrl tl">
100 <img class="child hbt tr"> 85 <img class="child htb tr">
101 </div> 86 </div>
102 87
103 <div class="container vlr"> 88 <div class="container vlr">
104 <img class="child htb bl"> 89 <img class="child htb bl">
105 <img class="child vlr br"> 90 <img class="child vlr br">
106 <img class="child vrl tl"> 91 <img class="child vrl tl">
107 <img class="child hbt tr"> 92 <img class="child htb tr">
108 </div>
109
110 <div class="container hbt">
111 <img class="child htb bl">
112 <img class="child vlr br">
113 <img class="child vrl tl">
114 <img class="child hbt tr">
115 </div> 93 </div>
116 94
117 <div class="container vrl"> 95 <div class="container vrl">
118 <img class="child htb bl"> 96 <img class="child htb bl">
119 <img class="child vlr br"> 97 <img class="child vlr br">
120 <img class="child vrl tl"> 98 <img class="child vrl tl">
121 <img class="child hbt tr"> 99 <img class="child htb tr">
122 </div> 100 </div>
123 101
124 <br> 102 <br>
125 103
126 <div class="container htb"> 104 <div class="container htb">
127 <img class="child htb br"> 105 <img class="child htb br">
128 <img class="child vlr tl"> 106 <img class="child vlr tl">
129 <img class="child vrl tr"> 107 <img class="child vrl tr">
130 <img class="child hbt bl"> 108 <img class="child htb bl">
131 </div> 109 </div>
132 110
133 <div class="container vlr"> 111 <div class="container vlr">
134 <img class="child htb br"> 112 <img class="child htb br">
135 <img class="child vlr tl"> 113 <img class="child vlr tl">
136 <img class="child vrl tr"> 114 <img class="child vrl tr">
137 <img class="child hbt bl"> 115 <img class="child htb bl">
138 </div>
139
140 <div class="container hbt">
141 <img class="child htb br">
142 <img class="child vlr tl">
143 <img class="child vrl tr">
144 <img class="child hbt bl">
145 </div> 116 </div>
146 117
147 <div class="container vrl"> 118 <div class="container vrl">
148 <img class="child htb br"> 119 <img class="child htb br">
149 <img class="child vlr tl"> 120 <img class="child vlr tl">
150 <img class="child vrl tr"> 121 <img class="child vrl tr">
151 <img class="child hbt bl"> 122 <img class="child htb bl">
152 </div> 123 </div>
153 124
154 </body> 125 </body>
155 </html> 126 </html>
156 127
157 128
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-expected.html ('k') | third_party/WebKit/LayoutTests/fast/block/positioning/differing-writing-modes-replaced-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698