third_party/polymer/v1_0/components-chromium/paper-input/paper-input-error.html - Issue 1766433002: Roll Polymer to 1.3.1

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-input/paper-input-error.html

Issue 1766433002: Roll Polymer to 1.3.1 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: rebase Created 4 years, 9 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 | « third_party/polymer/v1_0/components-chromium/paper-input/paper-input-container.html ('k') | third_party/polymer/v1_0/components-chromium/paper-input/paper-textarea.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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 --><html><head><link rel="import" href="../polymer/polymer.html">	9 --><html><head><link rel="import" href="../polymer/polymer.html">

10 <link rel="import" href="../paper-styles/color.html">	10 <link rel="import" href="../paper-styles/default-theme.html">

11 <link rel="import" href="../paper-styles/typography.html">	11 <link rel="import" href="../paper-styles/typography.html">

12 <link rel="import" href="paper-input-addon-behavior.html">	12 <link rel="import" href="paper-input-addon-behavior.html">

13	13

14 <!--	14 <!--

15 `<paper-input-error>` is an error message for use with `<paper-input-container>` . The error is	15 `<paper-input-error>` is an error message for use with `<paper-input-container>` . The error is

16 displayed when the `<paper-input-container>` is `invalid`.	16 displayed when the `<paper-input-container>` is `invalid`.

17	17

18 <paper-input-container>	18 <paper-input-container>

19 <input is="iron-input" pattern="[0-9]*">	19 <input is="iron-input" pattern="[0-9]*">

20 <paper-input-error>Only numbers are allowed!</paper-input-error>	20 <paper-input-error>Only numbers are allowed!</paper-input-error>

21 </paper-input-container>	21 </paper-input-container>

22	22

23 ### Styling	23 ### Styling

24	24

25 The following custom properties and mixins are available for styling:	25 The following custom properties and mixins are available for styling:

26	26

27 Custom property \| Description \| Default	27 Custom property \| Description \| Default

28 ----------------\|-------------\|----------	28 ----------------\|-------------\|----------

29 `--paper-input-container-invalid-color` \| The foreground color of the error \| `- -google-red-500`	29 `--paper-input-container-invalid-color` \| The foreground color of the error \| `- -error-color`

30 `--paper-input-error` \| Mixin applied to the error \| `{ }`	30 `--paper-input-error` \| Mixin applied to the error \| `{ }`

31 -->	31 -->

32	32

33 </head><body><dom-module id="paper-input-error">	33 </head><body><dom-module id="paper-input-error">

34 <template>	34 <template>

35 <style>	35 <style>

36 :host {	36 :host {

37 display: inline-block;	37 display: inline-block;

38 visibility: hidden;	38 visibility: hidden;

39	39

40 color: var(--paper-input-container-invalid-color, --google-red-500);	40 color: var(--paper-input-container-invalid-color, --error-color);

41	41

42 @apply(--paper-font-caption);	42 @apply(--paper-font-caption);

43 @apply(--paper-input-error);	43 @apply(--paper-input-error);

44 position: absolute;	44 position: absolute;

45 left:0;	45 left:0;

46 right:0;	46 right:0;

47 }	47 }

48	48

49 :host([invalid]) {	49 :host([invalid]) {

50 visibility: visible;	50 visibility: visible;

51 };	51 };

52 </style>	52 </style>

53	53

54 <content></content>	54 <content></content>

55 </template>	55 </template>

56 </dom-module>	56 </dom-module>

57	57

58 <script src="paper-input-error-extracted.js"></script></body></html>	58 <script src="paper-input-error-extracted.js"></script></body></html>

OLD	NEW