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

Side by Side Diff: sky/tests/layout/position-absolute.sky

Issue 1077473002: Stop rendering text inside flex boxes. (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: make p default to display: paragraph Created 5 years, 8 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 | « sky/tests/layout/ellipsis-expected.txt ('k') | sky/tests/layout/position-absolute-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 <import src="../resources/dump-as-render-tree.sky" /> 1 <import src="../resources/dump-as-render-tree.sky" />
2 2
3 <style> 3 <style>
4 block, paragraph, flex { 4 block, p, flex {
5 width: 100px; 5 width: 100px;
6 height: 100px; 6 height: 100px;
7 margin-bottom: 50px; 7 margin-bottom: 50px;
8 /* Make it a positioning root. */ 8 /* Make it a positioning root. */
9 transform: translate3d(0, 0, 0); 9 transform: translate3d(0, 0, 0);
10 } 10 }
11 block { background: pink; } 11 block { background: pink; }
12 paragraph { 12 p {
13 background: orange; 13 background: orange;
14 display: paragraph;
15 } 14 }
16 flex { 15 flex {
17 background: salmon; 16 background: salmon;
18 display: flex; 17 display: flex;
19 flex-direction: row; 18 flex-direction: row;
20 } 19 }
21 spacer { 20 spacer {
22 height: 30px; 21 height: 30px;
23 width: 30px; 22 width: 30px;
24 border: 5px solid purple; 23 border: 5px solid purple;
25 background: papayawhip; 24 background: papayawhip;
26 } 25 }
27 absolute { 26 absolute {
28 position: absolute; 27 position: absolute;
29 width: 20px; 28 width: 20px;
30 height: 20px; 29 height: 20px;
31 background: green; 30 background: green;
32 } 31 }
33 </style> 32 </style>
34 <block> 33 <block>
35 <spacer /> 34 <spacer />
36 <absolute /> 35 <absolute />
37 <spacer /> 36 <spacer />
38 </block> 37 </block>
39 38
40 <paragraph> 39 <p>
41 <spacer /> 40 <spacer />
42 <absolute /> 41 <absolute />
43 <spacer /> 42 <spacer />
44 </paragraph> 43 </p>
45 44
46 <flex> 45 <flex>
47 <spacer /> 46 <spacer />
48 <absolute /> 47 <absolute />
49 <spacer /> 48 <spacer />
50 </flex> 49 </flex>
OLDNEW
« no previous file with comments | « sky/tests/layout/ellipsis-expected.txt ('k') | sky/tests/layout/position-absolute-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698