Skip to content

GitLab

T
tangled
Commit c9ecc010 authored by dpapad's avatar dpapad Committed by Commit Bot
Browse files
Options

WebUI: Update Polymer paper-{progress,tooltip,item} to 2.x. 

Bug: 738611
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I92e07bca0041ed84a9b45339c89b61d05e8158de
Reviewed-on: https://chromium-review.googlesource.com/887779
Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org>
Reviewed-by: default avatarScott Chen <scottchen@chromium.org>
Cr-Commit-Position: refs/heads/master@{#532564}
parent b3d355f2
Hide whitespace changes
Inline Side-by-side
Showing with 183 additions and 101 deletions
third_party/polymer/v1_0/bower.json
View file @ c9ecc010
...@@ -39,9 +39,9 @@ ...@@ -39,9 +39,9 @@
"paper-fab": "PolymerElements/paper-fab#2.0.0", "paper-fab": "PolymerElements/paper-fab#2.0.0",
"paper-icon-button": "PolymerElements/paper-icon-button#1.1.6", "paper-icon-button": "PolymerElements/paper-icon-button#1.1.6",
"paper-input": "PolymerElements/paper-input#1.1.21", "paper-input": "PolymerElements/paper-input#1.1.21",
"paper-item": "PolymerElements/paper-item#1.2.1", "paper-item": "PolymerElements/paper-item#2.0.0",
"paper-listbox": "PolymerelEments/paper-listbox#2.0.0", "paper-listbox": "PolymerelEments/paper-listbox#2.0.0",
"paper-progress": "PolymerElements/paper-progress#1.0.10", "paper-progress": "PolymerElements/paper-progress#2.0.1",
"paper-radio-button": "PolymerElements/paper-radio-button#1.4.0", "paper-radio-button": "PolymerElements/paper-radio-button#1.4.0",
"paper-radio-group": "PolymerElements/paper-radio-group#1.2.0", "paper-radio-group": "PolymerElements/paper-radio-group#1.2.0",
"paper-ripple": "PolymerElements/paper-ripple#1.0.9", "paper-ripple": "PolymerElements/paper-ripple#1.0.9",
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
"paper-styles": "PolymerElements/paper-styles#1.3.1", "paper-styles": "PolymerElements/paper-styles#1.3.1",
"paper-tabs": "PolymerElements/paper-tabs#2.0.0", "paper-tabs": "PolymerElements/paper-tabs#2.0.0",
"paper-toggle-button": "PolymerElements/paper-toggle-button#1.3.0", "paper-toggle-button": "PolymerElements/paper-toggle-button#1.3.0",
"paper-tooltip": "PolymerElements/paper-tooltip#1.1.4", "paper-tooltip": "PolymerElements/paper-tooltip#2.0.0",
"polymer": "Polymer/polymer#1.11.2", "polymer": "Polymer/polymer#1.11.2",
"web-animations-js": "web-animations/web-animations-js#2.2.2" "web-animations-js": "web-animations/web-animations-js#2.2.2"
} }
......
third_party/polymer/v1_0/components-chromium/paper-item/bower.json
View file @ c9ecc010
{ {
"name": "paper-item", "name": "paper-item",
"version": "1.2.1", "version": "2.0.0",
"description": "A material-design styled list item", "description": "A material-design styled list item",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
...@@ -24,20 +24,49 @@ ...@@ -24,20 +24,49 @@
"homepage": "https://github.com/PolymerElements/paper-item", "homepage": "https://github.com/PolymerElements/paper-item",
"ignore": [], "ignore": [],
"dependencies": { "dependencies": {
"polymer": "Polymer/polymer#^1.1.0", "polymer": "Polymer/polymer#1.9 - 2",
"paper-styles": "PolymerElements/paper-styles#^1.0.0", "paper-styles": "PolymerElements/paper-styles#1 - 2",
"iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", "iron-flex-layout": "PolymerElements/iron-flex-layout#1 - 2",
"iron-behaviors": "polymerelements/iron-behaviors#^1.0.0" "iron-behaviors": "PolymerElements/iron-behaviors#1 - 2"
}, },
"devDependencies": { "devDependencies": {
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0", "iron-component-page": "PolymerElements/iron-component-page#1 - 2",
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0", "iron-demo-helpers": "PolymerElements/iron-demo-helpers#1 - 2",
"iron-icon": "PolymerElements/iron-icon#^1.0.0", "iron-icon": "PolymerElements/iron-icon#1 - 2",
"iron-icons": "PolymerElements/iron-icons#^1.0.0", "iron-icons": "PolymerElements/iron-icons#1 - 2",
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0", "paper-icon-button": "PolymerElements/paper-icon-button#1 - 2",
"test-fixture": "PolymerElements/test-fixture#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^3.0.0-rc.1",
"web-component-tester": "^4.0.0", "web-component-tester": "^6.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0",
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0" "iron-test-helpers": "PolymerElements/iron-test-helpers#1 - 2",
"paper-input": "PolymerElements/paper-input#1 - 2"
},
"variants": {
"1.x": {
"dependencies": {
"polymer": "Polymer/polymer#^1.9",
"paper-styles": "PolymerElements/paper-styles#^1.0.0",
"iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
"iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0"
},
"devDependencies": {
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
"iron-icons": "PolymerElements/iron-icons#^1.0.0",
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0",
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
"web-component-tester": "^4.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
"paper-input": "PolymerElements/paper-input#^1.1.22"
},
"resolutions": {
"webcomponentsjs": "^0.7"
}
}
},
"resolutions": {
"webcomponentsjs": "^1.0.0"
} }
} }
third_party/polymer/v1_0/components-chromium/paper-item/paper-icon-item.html
View file @ c9ecc010
...@@ -16,14 +16,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -16,14 +16,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
`<paper-icon-item>` is a convenience element to make an item with icon. It is an interactive list `<paper-icon-item>` is a convenience element to make an item with icon. It is an interactive list
item with a fixed-width icon area, according to Material Design. This is useful if the icons are of item with a fixed-width icon area, according to Material Design. This is useful if the icons are of
varying widths, but you want the item bodies to line up. Use this like a `<paper-item>`. The child varying widths, but you want the item bodies to line up. Use this like a `<paper-item>`. The child
node with the attribute `item-icon` is placed in the icon area. node with the slot name `item-icon` is placed in the icon area.
<paper-icon-item> <paper-icon-item>
<iron-icon icon="favorite" item-icon></iron-icon> <iron-icon icon="favorite" slot="item-icon"></iron-icon>
Favorite Favorite
</paper-icon-item> </paper-icon-item>
<paper-icon-item> <paper-icon-item>
<div class="avatar" item-icon></div> <div class="avatar" slot="item-icon"></div>
Avatar Avatar
</paper-icon-item> </paper-icon-item>
...@@ -49,27 +49,27 @@ Custom property | Description | ...@@ -49,27 +49,27 @@ Custom property | Description |
<style include="paper-item-shared-styles"></style> <style include="paper-item-shared-styles"></style>
<style> <style>
:host { :host {
@apply(--layout-horizontal); @apply --layout-horizontal;
@apply(--layout-center); @apply --layout-center;
@apply(--paper-font-subhead); @apply --paper-font-subhead;
@apply(--paper-item); @apply --paper-item;
@apply(--paper-icon-item); @apply --paper-icon-item;
} }
.content-icon { .content-icon {
@apply(--layout-horizontal); @apply --layout-horizontal;
@apply(--layout-center); @apply --layout-center;
width: var(--paper-item-icon-width, 56px); width: var(--paper-item-icon-width, 56px);
@apply(--paper-item-icon); @apply --paper-item-icon;
} }
</style> </style>
<div id="contentIcon" class="content-icon"> <div id="contentIcon" class="content-icon">
<content select="[item-icon]"></content> <slot name="item-icon"></slot>
</div> </div>
<content></content> <slot></slot>
</template> </template>
</dom-module> </dom-module>
......
third_party/polymer/v1_0/components-chromium/paper-item/paper-item-body.html
View file @ c9ecc010
...@@ -42,9 +42,9 @@ Custom property | Description | Default ...@@ -42,9 +42,9 @@ Custom property | Description | Default
<style> <style>
:host { :host {
overflow: hidden; /* needed for text-overflow: ellipsis to work on ff */ overflow: hidden; /* needed for text-overflow: ellipsis to work on ff */
@apply(--layout-vertical); @apply --layout-vertical;
@apply(--layout-center-justified); @apply --layout-center-justified;
@apply(--layout-flex); @apply --layout-flex;
} }
:host([two-line]) { :host([two-line]) {
...@@ -55,22 +55,22 @@ Custom property | Description | Default ...@@ -55,22 +55,22 @@ Custom property | Description | Default
min-height: var(--paper-item-body-three-line-min-height, 88px); min-height: var(--paper-item-body-three-line-min-height, 88px);
} }
:host > ::content > * { :host > ::slotted(*) {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
:host > ::content [secondary] { :host > ::slotted([secondary]) {
@apply(--paper-font-body1); @apply --paper-font-body1;
color: var(--paper-item-body-secondary-color, --secondary-text-color); color: var(--paper-item-body-secondary-color, var(--secondary-text-color));
@apply(--paper-item-body-secondary); @apply --paper-item-body-secondary;
} }
</style> </style>
<content></content> <slot></slot>
</template> </template>
</dom-module> </dom-module>
......
third_party/polymer/v1_0/components-chromium/paper-item/paper-item-shared-styles.html
View file @ c9ecc010
...@@ -24,7 +24,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -24,7 +24,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
} }
.paper-item { .paper-item {
@apply(--paper-font-subhead); @apply --paper-font-subhead;
border:none; border:none;
outline: none; outline: none;
background: white; background: white;
...@@ -39,31 +39,31 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -39,31 +39,31 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
:host(.iron-selected), .paper-item.iron-selected { :host(.iron-selected), .paper-item.iron-selected {
font-weight: var(--paper-item-selected-weight, bold); font-weight: var(--paper-item-selected-weight, bold);
@apply(--paper-item-selected); @apply --paper-item-selected;
} }
:host([disabled]), .paper-item[disabled] { :host([disabled]), .paper-item[disabled] {
color: var(--paper-item-disabled-color, --disabled-text-color); color: var(--paper-item-disabled-color, var(--disabled-text-color));
@apply(--paper-item-disabled); @apply --paper-item-disabled;
} }
:host(:focus), .paper-item:focus { :host(:focus), .paper-item:focus {
position: relative; position: relative;
outline: 0; outline: 0;
@apply(--paper-item-focused); @apply --paper-item-focused;
} }
:host(:focus):before, .paper-item:focus:before { :host(:focus):before, .paper-item:focus:before {
@apply(--layout-fit); @apply --layout-fit;
background: currentColor; background: currentColor;
content: ''; content: '';
opacity: var(--dark-divider-opacity); opacity: var(--dark-divider-opacity);
pointer-events: none; pointer-events: none;
@apply(--paper-item-focused-before); @apply --paper-item-focused-before;
} }
</style> </style>
</template> </template>
......
third_party/polymer/v1_0/components-chromium/paper-item/paper-item.html
View file @ c9ecc010
...@@ -86,15 +86,14 @@ This element has `role="listitem"` by default. Depending on usage, it may be mor ...@@ -86,15 +86,14 @@ This element has `role="listitem"` by default. Depending on usage, it may be mor
<style include="paper-item-shared-styles"></style> <style include="paper-item-shared-styles"></style>
<style> <style>
:host { :host {
@apply(--layout-horizontal); @apply --layout-horizontal;
@apply(--layout-center); @apply --layout-center;
@apply(--paper-font-subhead); @apply --paper-font-subhead;
@apply(--paper-item); @apply --paper-item;
} }
</style> </style>
<slot></slot>
<content></content>
</template> </template>
</dom-module> </dom-module>
......
third_party/polymer/v1_0/components-chromium/paper-progress/bower.json
View file @ c9ecc010
{ {
"name": "paper-progress", "name": "paper-progress",
"version": "1.0.10", "version": "2.0.1",
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"description": "A material design progress bar", "description": "A material design progress bar",
"authors": "The Polymer Authors", "authors": "The Polymer Authors",
"keywords": [ "keywords": [
"web-components", "web-components",
"polymer", "polymer",
"progress" "progress",
"loading"
], ],
"main": "paper-progress.html", "main": "paper-progress.html",
"repository": { "repository": {
...@@ -15,18 +16,40 @@ ...@@ -15,18 +16,40 @@
"url": "git://github.com/PolymerElements/paper-progress.git" "url": "git://github.com/PolymerElements/paper-progress.git"
}, },
"dependencies": { "dependencies": {
"iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", "iron-flex-layout": "PolymerElements/iron-flex-layout#1 - 2",
"iron-range-behavior": "PolymerElements/iron-range-behavior#^1.0.0", "iron-range-behavior": "PolymerElements/iron-range-behavior#1 - 2",
"paper-styles": "PolymerElements/paper-styles#^1.0.0", "paper-styles": "PolymerElements/paper-styles#1 - 2",
"polymer": "Polymer/polymer#^1.1.0" "polymer": "Polymer/polymer#1.9 - 2"
}, },
"devDependencies": { "devDependencies": {
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0", "iron-component-page": "PolymerElements/iron-component-page#1 - 2",
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0", "iron-demo-helpers": "PolymerElements/iron-demo-helpers#1 - 2",
"paper-button": "PolymerElements/paper-button#^1.0.0", "paper-button": "PolymerElements/paper-button#1 - 2",
"test-fixture": "PolymerElements/test-fixture#^1.0.0", "web-component-tester": "^6.0.0",
"web-component-tester": "^4.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0"
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"ignore": [] "variants": {
"1.x": {
"dependencies": {
"iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
"iron-range-behavior": "PolymerElements/iron-range-behavior#^1.0.0",
"paper-styles": "PolymerElements/paper-styles#^1.0.0",
"polymer": "Polymer/polymer#^1.9"
},
"devDependencies": {
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
"paper-button": "PolymerElements/paper-button#^1.0.0",
"web-component-tester": "^4.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
},
"resolutions": {
"webcomponentsjs": "^0.7"
}
}
},
"ignore": [],
"resolutions": {
"webcomponentsjs": "^1.0.0"
}
} }
third_party/polymer/v1_0/components-chromium/paper-progress/paper-progress-extracted.js
View file @ c9ecc010
...@@ -44,7 +44,7 @@ Polymer({ ...@@ -44,7 +44,7 @@ Polymer({
}, },
observers: [ observers: [
'_progressChanged(secondaryProgress, value, min, max)' '_progressChanged(secondaryProgress, value, min, max, indeterminate)'
], ],
hostAttributes: { hostAttributes: {
...@@ -66,7 +66,7 @@ Polymer({ ...@@ -66,7 +66,7 @@ Polymer({
this._transformProgress(this.$.primaryProgress, ratio); this._transformProgress(this.$.primaryProgress, ratio);
}, },
_progressChanged: function(secondaryProgress, value, min, max) { _progressChanged: function(secondaryProgress, value, min, max, indeterminate) {
secondaryProgress = this._clampValue(secondaryProgress); secondaryProgress = this._clampValue(secondaryProgress);
value = this._clampValue(value); value = this._clampValue(value);
...@@ -79,7 +79,11 @@ Polymer({ ...@@ -79,7 +79,11 @@ Polymer({
this.secondaryProgress = secondaryProgress; this.secondaryProgress = secondaryProgress;
this.setAttribute('aria-valuenow', value); if (indeterminate) {
this.removeAttribute('aria-valuenow');
} else {
this.setAttribute('aria-valuenow', value);
}
this.setAttribute('aria-valuemin', min); this.setAttribute('aria-valuemin', min);
this.setAttribute('aria-valuemax', max); this.setAttribute('aria-valuemax', max);
}, },
......
third_party/polymer/v1_0/components-chromium/paper-progress/paper-progress.html
View file @ c9ecc010
...@@ -96,12 +96,12 @@ Custom property | Description ...@@ -96,12 +96,12 @@ Custom property | Description
overflow: hidden; overflow: hidden;
} }
:host([hidden]) { :host([hidden]), [hidden] {
display: none !important; display: none !important;
} }
#progressContainer { #progressContainer {
@apply(--paper-progress-container); @apply --paper-progress-container;
position: relative; position: relative;
} }
...@@ -114,12 +114,12 @@ Custom property | Description ...@@ -114,12 +114,12 @@ Custom property | Description
#primaryProgress, #primaryProgress,
#secondaryProgress, #secondaryProgress,
.indeterminate::after { .indeterminate::after {
@apply(--layout-fit); @apply --layout-fit;
} }
#progressContainer, #progressContainer,
.indeterminate::after { .indeterminate::after {
background: var(--paper-progress-container-color, --google-grey-300); background: var(--paper-progress-container-color, var(--google-grey-300));
} }
:host(.transiting) #primaryProgress, :host(.transiting) #primaryProgress,
...@@ -138,26 +138,26 @@ Custom property | Description ...@@ -138,26 +138,26 @@ Custom property | Description
#primaryProgress, #primaryProgress,
#secondaryProgress { #secondaryProgress {
@apply(--layout-fit); @apply --layout-fit;
transform-origin: left center; transform-origin: left center;
transform: scaleX(0); transform: scaleX(0);
will-change: transform; will-change: transform;
} }
#primaryProgress { #primaryProgress {
background: var(--paper-progress-active-color, --google-green-500); background: var(--paper-progress-active-color, var(--google-green-500));
} }
#secondaryProgress { #secondaryProgress {
background: var(--paper-progress-secondary-color, --google-green-100); background: var(--paper-progress-secondary-color, var(--google-green-100));
} }
:host([disabled]) #primaryProgress { :host([disabled]) #primaryProgress {
background: var(--paper-progress-disabled-active-color, --google-grey-500); background: var(--paper-progress-disabled-active-color, var(--google-grey-500));
} }
:host([disabled]) #secondaryProgress { :host([disabled]) #secondaryProgress {
background: var(--paper-progress-disabled-secondary-color, --google-grey-300); background: var(--paper-progress-disabled-secondary-color, var(--google-grey-300));
} }
:host(:not([disabled])) #primaryProgress.indeterminate { :host(:not([disabled])) #primaryProgress.indeterminate {
......
third_party/polymer/v1_0/components-chromium/paper-tooltip/bower.json
View file @ c9ecc010
{ {
"name": "paper-tooltip", "name": "paper-tooltip",
"version": "1.1.4", "version": "2.0.0",
"description": "Material design tooltip popup for content", "description": "Material design tooltip popup for content",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
...@@ -20,17 +20,40 @@ ...@@ -20,17 +20,40 @@
"homepage": "https://github.com/PolymerElements/paper-tooltip", "homepage": "https://github.com/PolymerElements/paper-tooltip",
"ignore": [], "ignore": [],
"dependencies": { "dependencies": {
"polymer": "Polymer/polymer#^1.1.0", "polymer": "Polymer/polymer#1.9 - 2",
"paper-styles": "PolymerElements/paper-styles#^1.0.0", "paper-styles": "PolymerElements/paper-styles#1 - 2",
"neon-animation": "PolymerElements/neon-animation#^1.0.0" "neon-animation": "PolymerElements/neon-animation#1 - 2",
"web-animations-js": "web-animations/web-animations-js#^2.2.0"
}, },
"devDependencies": { "devDependencies": {
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", "web-component-tester": "^6.0.0",
"web-component-tester": "^4.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0",
"test-fixture": "PolymerElements/test-fixture#^1.0.0", "iron-component-page": "PolymerElements/iron-component-page#1 - 2",
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0", "iron-demo-helpers": "polymerelements/iron-demo-helpers#1 - 2",
"iron-demo-helpers": "polymerelements/iron-demo-helpers#^1.0.0", "iron-test-helpers": "PolymerElements/iron-test-helpers#1 - 2",
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", "paper-icon-button": "PolymerElements/paper-icon-button#1 - 2"
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0" },
"variants": {
"1.x": {
"dependencies": {
"polymer": "Polymer/polymer#^1.9",
"paper-styles": "PolymerElements/paper-styles#^1.0.0",
"neon-animation": "PolymerElements/neon-animation#^1.0.0"
},
"devDependencies": {
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
"web-component-tester": "Polymer/web-component-tester#^4.0.0",
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"iron-demo-helpers": "polymerelements/iron-demo-helpers#^1.0.0",
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0"
},
"resolutions": {
"webcomponentsjs": "^0.7"
}
}
},
"resolutions": {
"webcomponentsjs": "^1.0.0"
} }
} }
third_party/polymer/v1_0/components-chromium/paper-tooltip/paper-tooltip.html
View file @ c9ecc010
...@@ -17,9 +17,13 @@ Material design: [Tooltips](https://www.google.com/design/spec/components/toolti ...@@ -17,9 +17,13 @@ Material design: [Tooltips](https://www.google.com/design/spec/components/toolti
`<paper-tooltip>` is a label that appears on hover and focus when the user `<paper-tooltip>` is a label that appears on hover and focus when the user
hovers over an element with the cursor or with the keyboard. It will be centered hovers over an element with the cursor or with the keyboard. It will be centered
to an anchor element specified in the `for` attribute, or, if that doesn't exist, to an anchor element specified in the `for` attribute, or, if that doesn't exist,
centered to the parent node containing it. centered to the parent node containing it. Note that as of `paper-tooltip#2.0.0`,
you must explicitely include the `web-animations` polyfill if you want this
element to work on browsers not implementing the WebAnimations spec.
Example: Example:
// polyfill
<link rel="import" href="../../neon-animation/web-animations.html">
<div style="display:inline-block"> <div style="display:inline-block">
<button>Click me!</button> <button>Click me!</button>
...@@ -68,7 +72,7 @@ Custom property | Description | Default ...@@ -68,7 +72,7 @@ Custom property | Description | Default
#tooltip { #tooltip {
display: block; display: block;
outline: none; outline: none;
@apply(--paper-font-common-base); @apply --paper-font-common-base;
font-size: 10px; font-size: 10px;
line-height: 1; line-height: 1;
...@@ -79,7 +83,7 @@ Custom property | Description | Default ...@@ -79,7 +83,7 @@ Custom property | Description | Default
padding: 8px; padding: 8px;
border-radius: 2px; border-radius: 2px;
@apply(--paper-tooltip); @apply --paper-tooltip;
} }
/* Thanks IE 10. */ /* Thanks IE 10. */
...@@ -89,7 +93,7 @@ Custom property | Description | Default ...@@ -89,7 +93,7 @@ Custom property | Description | Default
</style> </style>
<div id="tooltip" class="hidden"> <div id="tooltip" class="hidden">
<content></content> <slot></slot>
</div> </div>
</template> </template>
......
third_party/polymer/v1_0/components_summary.txt
View file @ c9ecc010
...@@ -222,9 +222,9 @@ Tree link: https://github.com/PolymerElements/paper-input/tree/v1.1.21 ...@@ -222,9 +222,9 @@ Tree link: https://github.com/PolymerElements/paper-input/tree/v1.1.21
Name: paper-item Name: paper-item
Repository: https://github.com/PolymerElements/paper-item.git Repository: https://github.com/PolymerElements/paper-item.git
Tree: v1.2.1 Tree: v2.0.0
Revision: 1eab91333b318ae19e315866575b2dddd38e6abc Revision: 07910f6f76e1042286e931da923bff8ceabc3dc6
Tree link: https://github.com/PolymerElements/paper-item/tree/v1.2.1 Tree link: https://github.com/PolymerElements/paper-item/tree/v2.0.0
Name: paper-listbox Name: paper-listbox
Repository: https://github.com/PolymerelEments/paper-listbox.git Repository: https://github.com/PolymerelEments/paper-listbox.git
...@@ -234,9 +234,9 @@ Tree link: https://github.com/PolymerelEments/paper-listbox/tree/v2.0.0 ...@@ -234,9 +234,9 @@ Tree link: https://github.com/PolymerelEments/paper-listbox/tree/v2.0.0
Name: paper-progress Name: paper-progress
Repository: https://github.com/PolymerElements/paper-progress.git Repository: https://github.com/PolymerElements/paper-progress.git
Tree: v1.0.10 Tree: v2.0.1
Revision: dfdde2b02947fb2dfd3f2d303ec17f7f4919348c Revision: abe7b27bb1651e1adac99d9878a4c87cd9b40d7d
Tree link: https://github.com/PolymerElements/paper-progress/tree/v1.0.10 Tree link: https://github.com/PolymerElements/paper-progress/tree/v2.0.1
Name: paper-radio-button Name: paper-radio-button
Repository: https://github.com/PolymerElements/paper-radio-button.git Repository: https://github.com/PolymerElements/paper-radio-button.git
...@@ -288,9 +288,9 @@ Tree link: https://github.com/PolymerElements/paper-toggle-button/tree/v1.3.0 ...@@ -288,9 +288,9 @@ Tree link: https://github.com/PolymerElements/paper-toggle-button/tree/v1.3.0
Name: paper-tooltip Name: paper-tooltip
Repository: https://github.com/PolymerElements/paper-tooltip.git Repository: https://github.com/PolymerElements/paper-tooltip.git
Tree: v1.1.4 Tree: v2.0.0
Revision: c7c0a4d47e6ce30578f948986e9274d06fa2b94c Revision: d6233ee968fa0670bc7381ff358e0e4eba64d5ff
Tree link: https://github.com/PolymerElements/paper-tooltip/tree/v1.1.4 Tree link: https://github.com/PolymerElements/paper-tooltip/tree/v2.0.0
Name: polymer Name: polymer
Repository: https://github.com/Polymer/polymer.git Repository: https://github.com/Polymer/polymer.git
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment