OLD | NEW |
1 <!-- | 1 <!-- |
2 @license | 2 @license |
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
9 --> | 9 --> |
10 | 10 |
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
103 <dom-module id="paper-input-container"> | 103 <dom-module id="paper-input-container"> |
104 <template> | 104 <template> |
105 <style> | 105 <style> |
106 :host { | 106 :host { |
107 display: block; | 107 display: block; |
108 padding: 8px 0; | 108 padding: 8px 0; |
109 | 109 |
110 @apply(--paper-input-container); | 110 @apply(--paper-input-container); |
111 } | 111 } |
112 | 112 |
113 :host[inline] { | 113 :host([inline]) { |
114 display: inline-block; | 114 display: inline-block; |
115 } | 115 } |
116 | 116 |
117 :host([disabled]) { | 117 :host([disabled]) { |
118 pointer-events: none; | 118 pointer-events: none; |
119 opacity: 0.33; | 119 opacity: 0.33; |
120 | 120 |
121 @apply(--paper-input-container-disabled); | 121 @apply(--paper-input-container-disabled); |
122 } | 122 } |
123 | 123 |
| 124 :host([hidden]) { |
| 125 display: none !important; |
| 126 } |
| 127 |
124 .floated-label-placeholder { | 128 .floated-label-placeholder { |
125 @apply(--paper-font-caption); | 129 @apply(--paper-font-caption); |
126 } | 130 } |
127 | 131 |
128 .underline { | 132 .underline { |
129 position: relative; | 133 position: relative; |
130 } | 134 } |
131 | 135 |
132 .focused-line { | 136 .focused-line { |
133 @apply(--layout-fit); | 137 @apply(--layout-fit); |
(...skipping 169 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
303 .add-on-content.is-invalid ::content * { | 307 .add-on-content.is-invalid ::content * { |
304 color: var(--paper-input-container-invalid-color, --error-color); | 308 color: var(--paper-input-container-invalid-color, --error-color); |
305 } | 309 } |
306 | 310 |
307 .add-on-content.is-highlighted ::content * { | 311 .add-on-content.is-highlighted ::content * { |
308 color: var(--paper-input-container-focus-color, --primary-color); | 312 color: var(--paper-input-container-focus-color, --primary-color); |
309 } | 313 } |
310 </style> | 314 </style> |
311 | 315 |
312 <template is="dom-if" if="[[!noLabelFloat]]"> | 316 <template is="dom-if" if="[[!noLabelFloat]]"> |
313 <div class="floated-label-placeholder"> </div> | 317 <div class="floated-label-placeholder" aria-hidden="true"> </div> |
314 </template> | 318 </template> |
315 | 319 |
316 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus
ed,invalid,_inputHasContent)]]"> | 320 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus
ed,invalid,_inputHasContent)]]"> |
317 <content select="[prefix]" id="prefix"></content> | 321 <content select="[prefix]" id="prefix"></content> |
318 | 322 |
319 <div class="label-and-input-container" id="labelAndInputContainer"> | 323 <div class="label-and-input-container" id="labelAndInputContainer"> |
320 <content select=":not([add-on]):not([prefix]):not([suffix])"></content> | 324 <content select=":not([add-on]):not([prefix]):not([suffix])"></content> |
321 </div> | 325 </div> |
322 | 326 |
323 <content select="[suffix]"></content> | 327 <content select="[suffix]"></content> |
(...skipping 284 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
608 var cls = 'add-on-content'; | 612 var cls = 'add-on-content'; |
609 if (invalid) { | 613 if (invalid) { |
610 cls += ' is-invalid'; | 614 cls += ' is-invalid'; |
611 } else if (focused) { | 615 } else if (focused) { |
612 cls += ' is-highlighted' | 616 cls += ' is-highlighted' |
613 } | 617 } |
614 return cls; | 618 return cls; |
615 } | 619 } |
616 }); | 620 }); |
617 </script> | 621 </script> |
OLD | NEW |