| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 Copyright 2014 The Chromium Authors. All rights reserved. | 2 Copyright 2014 The Chromium Authors. All rights reserved. |
| 3 Use of this source code is governed by a BSD-style license that can be | 3 Use of this source code is governed by a BSD-style license that can be |
| 4 found in the LICENSE file. | 4 found in the LICENSE file. |
| 5 --> | 5 --><html><head><dom-module id="ct-popout-iframe"> |
| 6 | 6 <style> |
| 7 <polymer-element name="ct-popout-iframe" attributes="src" noscript> | |
| 8 <template> | |
| 9 <style> | |
| 10 :host { | 7 :host { |
| 11 display: flex; | 8 display: flex; |
| 12 flex-direction: column; | 9 flex-direction: column; |
| 13 } | 10 } |
| 14 .link { | 11 .link { |
| 15 /* <ct-test-output> sets line-height 0, so reset it here. */ | 12 /* <ct-test-output> sets line-height 0, so reset it here. */ |
| 16 line-height: initial; | 13 line-height: initial; |
| 17 padding: 3px; | 14 padding: 3px; |
| 18 } | 15 } |
| 19 iframe { | 16 iframe { |
| 20 border: none; | 17 border: none; |
| 21 width: 100%; | 18 width: 100%; |
| 22 flex: 1; | 19 flex: 1; |
| 23 } | 20 } |
| 24 </style> | 21 </style> |
| 22 <template> |
| 25 | 23 |
| 26 <iframe src="{{src}}"></iframe> | 24 <iframe src="{{src}}"></iframe> |
| 27 <div class="link"><a href="{{src}}" target="_blank">pop out to a new tab</a>
</div> | 25 <div class="link"><a target="_blank" href$="{{src}}">pop out to a new tab</a
></div> |
| 28 </template> | 26 </template> |
| 29 </polymer-element> | 27 <script> |
| 28 Polymer({ |
| 29 is: 'ct-popout-iframe', |
| 30 properties: { src: { notify: true } } |
| 31 }); |
| 32 </script> |
| 33 </dom-module> |
| OLD | NEW |