third_party/polymer/v1_0/components-chromium/paper-tooltip/paper-tooltip.html - Issue 1336623003: [MD settings] updating polymer to 1.1.13

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

Issue 1336623003: [MD settings] updating polymer to 1.1.13 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: changed Polymer.IronCheckedElementBehavior name Created 5 years, 3 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-tooltip/bower.json ('k') | third_party/polymer/v1_0/components-chromium/paper-tooltip/paper-tooltip-extracted.js » ('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 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.	2 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

3 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt	3 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt

4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt	4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

5 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt	5 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt

6 Code distributed by Google as part of the polymer project is also	6 Code distributed by Google as part of the polymer project is also

7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt	7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

8 --><html><head><link rel="import" href="../polymer/polymer.html">	8 --><html><head><link rel="import" href="../polymer/polymer.html">

9 <link rel="import" href="../neon-animation/neon-animation-runner-behavior.html">	9 <link rel="import" href="../neon-animation/neon-animation-runner-behavior.html">

10 <link rel="import" href="../neon-animation/animations/fade-in-animation.html">	10 <link rel="import" href="../neon-animation/animations/fade-in-animation.html">

(...skipping 10 matching lines...) Expand all Loading...
21 <div style="display:inline-block">	21 <div style="display:inline-block">

22 <button>Click me!</button>	22 <button>Click me!</button>

23 <paper-tooltip>Tooltip text</paper-tooltip>	23 <paper-tooltip>Tooltip text</paper-tooltip>

24 </div>	24 </div>

25	25

26 <div>	26 <div>

27 <button id="btn">Click me!</button>	27 <button id="btn">Click me!</button>

28 <paper-tooltip for="btn">Tooltip text</paper-tooltip>	28 <paper-tooltip for="btn">Tooltip text</paper-tooltip>

29 </div>	29 </div>

30	30

	31 The tooltip can be positioned on the top\|bottom\|left\|right of the anchor using

	32 the `position` attribute. The default position is bottom.

	33

	34 <paper-tooltip for="btn" position="left">Tooltip text</paper-tooltip>

	35 <paper-tooltip for="btn" position="top">Tooltip text</paper-tooltip>

	36

31 ### Styling	37 ### Styling

32	38

33 The following custom properties and mixins are available for styling:	39 The following custom properties and mixins are available for styling:

34	40

35 Custom property \| Description \| Default	41 Custom property \| Description \| Default

36 ----------------\|-------------\|----------	42 ----------------\|-------------\|----------

37 `--paper-tooltip-background` \| The background color of the tooltip \| `#616161`	43 `--paper-tooltip-background` \| The background color of the tooltip \| `#616161`

38 `--paper-tooltip-opacity` \| The opacity of the tooltip \| `0.9`	44 `--paper-tooltip-opacity` \| The opacity of the tooltip \| `0.9`

39 `--paper-tooltip-text-color` \| The text color of the tooltip \| `white`	45 `--paper-tooltip-text-color` \| The text color of the tooltip \| `white`

40 `--paper-tooltip` \| Mixin applied to the tooltip \| `{}`	46 `--paper-tooltip` \| Mixin applied to the tooltip \| `{}`

41	47

42 @group Paper Elements	48 @group Paper Elements

43 @element paper-tooltip	49 @element paper-tooltip

44 @demo demo/index.html	50 @demo demo/index.html

45 -->	51 -->

46	52

47 </head><body><dom-module id="paper-tooltip">	53 </head><body><dom-module id="paper-tooltip">

48 <style>	54 <template>

49 :host {	55 <style>

50 display: block;	56 :host {

51 position: absolute;	57 display: block;

52 outline: none;	58 position: absolute;

53 z-index: 1002;	59 outline: none;

54 }	60 z-index: 1002;

	61 }

55	62

56 #tooltip {	63 #tooltip {

57 display: block;	64 display: block;

58 outline: none;	65 outline: none;

59 @apply(--paper-font-common-base);	66 @apply(--paper-font-common-base);

60 font-size: 10px;	67 font-size: 10px;

61	68

62 background-color: var(--paper-tooltip-background, #616161);	69 background-color: var(--paper-tooltip-background, #616161);

63 opacity: var(--paper-tooltip-opacity, 0.9);	70 opacity: var(--paper-tooltip-opacity, 0.9);

64 color: var(--paper-tooltip-text-color, white);	71 color: var(--paper-tooltip-text-color, white);

65	72

66 padding: 8px;	73 padding: 8px;

67 border-radius: 2px;	74 border-radius: 2px;

68	75

69 @apply(--paper-tooltip);	76 @apply(--paper-tooltip);

70 }	77 }

71	78

72 /* Thanks IE 10. */	79 /* Thanks IE 10. */

73 .hidden {	80 .hidden {

74 display: none !important;	81 display: none !important;

75 }	82 }

76 </style>	83 </style>

77 <template>	84

78 <div id="tooltip" class="hidden">	85 <div id="tooltip" class="hidden">

79 <content></content>	86 <content></content>

80 </div>	87 </div>

81 </template>	88 </template>

	89

82 </dom-module>	90 </dom-module>

83 <script src="paper-tooltip-extracted.js"></script></body></html>	91 <script src="paper-tooltip-extracted.js"></script></body></html>

OLD	NEW