OLD | NEW |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout-classes.html"> | |
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-input/iron-input.h
tml"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-input/iron-input.h
tml"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
-container.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
-container.html"> |
5 <link rel="import" href="internet_shared_css.html"> | 4 <link rel="import" href="internet_shared_css.html"> |
6 | 5 |
7 <dom-module id="network-proxy-input"> | 6 <dom-module id="network-proxy-input"> |
8 <template> | 7 <template> |
9 <style include="internet-shared iron-flex"> | 8 <style include="internet-shared"> |
10 paper-input-container { | 9 paper-input-container { |
11 -webkit-margin-start: 10px; | 10 -webkit-margin-start: 10px; |
12 margin-bottom: -12px; | 11 margin-bottom: -12px; |
13 margin-top: -8px; | 12 margin-top: -8px; |
14 } | 13 } |
15 | 14 |
| 15 #container { |
| 16 display: flex; |
| 17 flex-direction: row; |
| 18 flex: 0 1 auto; |
| 19 align-items: center; |
| 20 } |
| 21 |
| 22 #label { |
| 23 flex: 1; |
| 24 } |
| 25 |
| 26 #host { |
| 27 width: 200px; |
| 28 } |
| 29 |
16 #port { | 30 #port { |
17 width: 50px; | 31 width: 50px; |
18 } | 32 } |
19 </style> | 33 </style> |
20 <div class="layout horizontal center"> | 34 <div id="container"> |
21 <div class="flex">[[label]]</div> | 35 <div id="label">[[label]]</div> |
22 <paper-input-container no-label-float> | 36 <paper-input-container id="host" no-label-float> |
23 <input is="iron-input" bind-value="{{value.Host}}" | 37 <input is="iron-input" bind-value="{{value.Host}}" |
24 disabled="[[!editable]]" on-change="onValueChange_"> | 38 disabled="[[!editable]]" on-change="onValueChange_"> |
25 </paper-input-container> | 39 </paper-input-container> |
26 <div>$i18n{networkProxyPort}</div> | 40 <div>$i18n{networkProxyPort}</div> |
27 <paper-input-container no-label-float id="port"> | 41 <paper-input-container id="port" no-label-float> |
28 <input is="iron-input" bind-value="{{value.Port}}" | 42 <input is="iron-input" bind-value="{{value.Port}}" |
29 disabled="[[!editable]]" on-change="onValueChange_"> | 43 disabled="[[!editable]]" on-change="onValueChange_"> |
30 </paper-input-container> | 44 </paper-input-container> |
31 </div> | 45 </div> |
32 </template> | 46 </template> |
33 <script src="network_proxy_input.js"></script> | 47 <script src="network_proxy_input.js"></script> |
34 </dom-module> | 48 </dom-module> |
OLD | NEW |