| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html lang="en"> |
| 3 <head> |
| 4 <title>Test</title> |
| 5 <meta charset="UTF-8"> |
| 6 <style> |
| 7 body { |
| 8 font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| 9 } |
| 10 .dart-code-completion-holder { |
| 11 position: relative; |
| 12 } |
| 13 |
| 14 .dart-code-completion { |
| 15 position: absolute; |
| 16 left: 0px; |
| 17 right: 0px; |
| 18 min-width: 200px; |
| 19 background: white; |
| 20 foreground: black; |
| 21 border: 1px solid black; |
| 22 z-index: 10; |
| 23 padding-left: 5px; |
| 24 } |
| 25 |
| 26 .dart-static { |
| 27 width: 198px; |
| 28 overflow: auto; |
| 29 } |
| 30 .dart-limited-height { |
| 31 /* Make sure to compute this height to avoid jumping in the UI. */ |
| 32 height: 66px; |
| 33 } |
| 34 .dart-server { |
| 35 width: 198px; |
| 36 border-top: 1px solid black; |
| 37 } |
| 38 .active { |
| 39 background: #86b4bf; |
| 40 } |
| 41 </style> |
| 42 </head> |
| 43 <body> |
| 44 <h1>Test</h1> |
| 45 <div style="position: relative"> |
| 46 blah blah |
| 47 <span class="dart-code-completion-holder"> |
| 48 USER_INPUT_HERE |
| 49 <div class="dart-code-completion" style="display:none"> |
| 50 <div class="dart-static dart-limited-height"> |
| 51 <div class="dart-entry">semantic result #1</div> |
| 52 <div class="dart-entry">semantic result #2</div> |
| 53 <div class="dart-entry">semantic result #3</div> |
| 54 <div class="dart-entry">semantic result #4</div> |
| 55 <div class="dart-entry">semantic result #5</div> |
| 56 <div class="dart-entry">semantic result #6</div> |
| 57 <div class="dart-entry">semantic result #7</div> |
| 58 <div class="dart-entry">semantic result #8</div> |
| 59 <div class="dart-entry">semantic result #9</div> |
| 60 <div class="dart-entry">semantic result #10</div> |
| 61 <div class="dart-entry">semantic result #11</div> |
| 62 <div class="dart-entry">semantic result #12</div> |
| 63 </div> |
| 64 <div class="dart-server" style="display:none"> |
| 65 </div> |
| 66 <div class="mock-data" style="display:none"> |
| 67 <div class="dart-entry">server result #1</div> |
| 68 <div class="dart-entry">server result #2</div> |
| 69 <div class="dart-entry">server result #3</div> |
| 70 <div class="dart-entry">server result #4</div> |
| 71 </div> |
| 72 </div> |
| 73 </span> |
| 74 blah blah blah<br> |
| 75 blah blah blah<br> |
| 76 blah blah blah<br> |
| 77 blah blah blah<br> |
| 78 blah blah blah<br> |
| 79 blah blah blah<br> |
| 80 blah blah blah<br> |
| 81 blah blah blah<br> |
| 82 blah blah blah |
| 83 </div> |
| 84 <script type="application/javascript" src="experiment.js"></script> |
| 85 </body> |
| 86 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 197923002:
Mock up code completion. (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge