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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/block/basic/fieldset-stretch-to-legend.html

Issue 2396813002: Support margin-top for legend in fieldset. (Closed)
Patch Set: Rebased to master. Created 4 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
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/block/basic/fieldset-stretch-to-legend-expected.png » ('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></title> 3 <title></title>
4 <style> 4 <style>
5 legend { height: 10px; border: 1px solid blue; } 5 legend { height: 10px; border: 1px solid blue; }
6 fieldset { margin-bottom: 10px; } 6 fieldset { margin-bottom: 10px; }
7 fieldset.render { border: 8px double; } 7 fieldset.render { border: 8px double; }
8 fieldset.render legend { height: 12px; width: 50px; background-color: rg ba(0, 128, 0, 0.3); border: none; } 8 fieldset.render legend { height: 12px; width: 50px; background-color: rg ba(0, 128, 0, 0.3); border: none; }
9 div.rel { position: relative; height: 40px; } 9 div.rel { position: relative; height: 40px; }
10 #col1 { float: left; }
11 #col2 { margin-left: 450px; }
10 </style> 12 </style>
11 </head> 13 </head>
12 <body> 14 <body>
13 <!-- border rendering tests --> 15 <!-- border rendering tests -->
14 <fieldset class="render" style="width: 100px;"> 16 <div id="col1">
15 <legend></legend> 17 <!-- border rendering tests -->
16 </fieldset> 18 <fieldset class="render" style="width: 100px;">
17 <fieldset class="render" style="width: 100px;"> 19 <legend></legend>
18 <legend style="width: 108%;"></legend> 20 </fieldset>
19 </fieldset> 21 <fieldset class="render" style="width: 100px;">
20 <fieldset class="render" style="width: 100px;"> 22 <legend style="width: 108%;"></legend>
21 <legend style="width: 112%;"></legend> 23 </fieldset>
22 </fieldset> 24 <fieldset class="render" style="width: 100px;">
23 <fieldset class="render" style="width: 100px;"> 25 <legend style="width: 112%;"></legend>
24 <legend style="width: 117%;"></legend> 26 </fieldset>
25 </fieldset> 27 <fieldset class="render" style="width: 100px;">
26 <fieldset class="render" style="width: 100px;"> 28 <legend style="width: 117%;"></legend>
27 <legend style="margin-left: -12px;"></legend> 29 </fieldset>
28 </fieldset> 30 <fieldset class="render" style="width: 100px;">
29 <fieldset class="render" style="width: 100px;"> 31 <legend style="margin-left: -12px;"></legend>
30 <legend style="margin-left: -16px;"></legend> 32 </fieldset>
31 </fieldset> 33 <fieldset class="render" style="width: 100px;">
32 <fieldset class="render" style="width: 100px;"> 34 <legend style="margin-left: -16px;"></legend>
33 <legend style="margin-left: -21px;"></legend> 35 </fieldset>
34 </fieldset> 36 <fieldset class="render" style="width: 100px;">
35 <fieldset class="render" style="width: 100px;"> 37 <legend style="margin-left: -21px;"></legend>
36 <legend style="margin-left: -69px;"></legend> 38 </fieldset>
37 </fieldset> 39 <fieldset class="render" style="width: 100px;">
38 <fieldset class="render" style="width: 100px;"> 40 <legend style="margin-left: -69px;"></legend>
39 <legend style="margin-left: -74px;"></legend> 41 </fieldset>
40 </fieldset> 42 <fieldset class="render" style="width: 100px;">
41 <fieldset class="render" style="width: 100px;"> 43 <legend style="margin-left: -74px;"></legend>
42 <legend style="margin-left: 115%;"></legend> 44 </fieldset>
43 </fieldset> 45 <fieldset class="render" style="width: 100px;">
44 <fieldset class="render" style="width: 100px;"> 46 <legend style="margin-left: 115%;"></legend>
45 <legend style="margin-left: 120%;"></legend> 47 </fieldset>
46 </fieldset> 48 <fieldset class="render" style="width: 100px;">
49 <legend style="margin-left: 120%;"></legend>
50 </fieldset>
51 </div>
47 <!-- layout tests --> 52 <!-- layout tests -->
48 <fieldset style="width: 100px;"> 53 <div id="col2">
49 <legend style="width: 150px;"></legend> 54 <fieldset style="width: 100px;">
50 </fieldset>
51 <fieldset style="width: 100px;">
52 <legend style="width: 90px; margin: 30px;"></legend>
53 </fieldset>
54 <div class="rel" style="width: 100px;">
55 <fieldset>
56 <legend style="width: 150px;"></legend> 55 <legend style="width: 150px;"></legend>
57 </fieldset> 56 </fieldset>
58 </div> 57 <fieldset style="width: 100px;">
59 <div class="rel" style="width: 300px;"> 58 <legend style="width: 90px; margin: 30px;"></legend>
60 <fieldset style="width: 100; margin: auto;"> 59 </fieldset>
60 <div class="rel" style="width: 100px;">
61 <fieldset>
62 <legend style="width: 150px;"></legend>
63 </fieldset>
64 </div>
65 <div class="rel" style="width: 300px;">
66 <fieldset style="width: 100; margin: auto;">
67 <legend style="width: 150px;"></legend>
68 </fieldset>
69 </div>
70 <div class="rel" style="width: 100px;">
71 <fieldset style="position: absolute;">
72 <legend style="width: 150px;"></legend>
73 </fieldset>
74 </div>
75 <div class="rel">
76 <fieldset style="position: absolute; width: 100px;">
77 <legend style="width: 150px;"></legend>
78 </fieldset>
79 </div>
80 <div class="rel" style="width: 300px;">
81 <fieldset style="position: absolute; left: 100px; right: 100px;">
82 <legend style="width: 150px;"></legend>
83 </fieldset>
84 </div>
85 <fieldset style="display: inline; width: 100px;">
61 <legend style="width: 150px;"></legend> 86 <legend style="width: 150px;"></legend>
62 </fieldset> 87 </fieldset>
63 </div> 88 <fieldset style="width: 100px;">
64 <div class="rel" style="width: 100px;"> 89 <legend style="width: 150%;"></legend>
65 <fieldset style="position: absolute;">
66 <legend style="width: 150px;"></legend>
67 </fieldset> 90 </fieldset>
68 </div> 91 </div>
69 <div class="rel">
70 <fieldset style="position: absolute; width: 100px;">
71 <legend style="width: 150px;"></legend>
72 </fieldset>
73 </div>
74 <div class="rel" style="width: 300px;">
75 <fieldset style="position: absolute; left: 100px; right: 100px;">
76 <legend style="width: 150px;"></legend>
77 </fieldset>
78 </div>
79 <fieldset style="display: inline; width: 100px;">
80 <legend style="width: 150px;"></legend>
81 </fieldset>
82 <fieldset style="width: 100px;">
83 <legend style="width: 150%;"></legend>
84 </fieldset>
85 </body> 92 </body>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/block/basic/fieldset-stretch-to-legend-expected.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698