mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
parent
325d331160
commit
bc30b48d03
8 changed files with 70 additions and 42 deletions
|
@ -36,7 +36,7 @@
|
||||||
"tag": "v1.2.4",
|
"tag": "v1.2.4",
|
||||||
"commit": "1ee4e2e11a9e5118320987d93fc2c03ae9a489f4"
|
"commit": "1ee4e2e11a9e5118320987d93fc2c03ae9a489f4"
|
||||||
},
|
},
|
||||||
"_source": "git://github.com/polymerelements/iron-selector.git",
|
"_source": "git://github.com/PolymerElements/iron-selector.git",
|
||||||
"_target": "^1.0.0",
|
"_target": "^1.0.0",
|
||||||
"_originalSource": "polymerelements/iron-selector"
|
"_originalSource": "PolymerElements/iron-selector"
|
||||||
}
|
}
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"name": "paper-icon-button",
|
"name": "paper-icon-button",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "1.0.6",
|
"version": "1.0.7",
|
||||||
"license": "http://polymer.github.io/LICENSE.txt",
|
"license": "http://polymer.github.io/LICENSE.txt",
|
||||||
"description": "A material design icon button",
|
"description": "A material design icon button",
|
||||||
"main": "paper-icon-button.html",
|
"main": "paper-icon-button.html",
|
||||||
|
@ -21,27 +21,25 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"polymer": "Polymer/polymer#^1.1.0",
|
"polymer": "Polymer/polymer#^1.1.0",
|
||||||
"iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
|
|
||||||
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
|
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
|
||||||
"iron-icons": "PolymerElements/iron-icons#^1.0.0",
|
|
||||||
"paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0",
|
"paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0",
|
||||||
"paper-ripple": "PolymerElements/paper-ripple#^1.0.0",
|
|
||||||
"paper-styles": "PolymerElements/paper-styles#^1.0.0"
|
"paper-styles": "PolymerElements/paper-styles#^1.0.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
|
||||||
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
|
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
|
||||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
|
"iron-icons": "PolymerElements/iron-icons#^1.0.0",
|
||||||
"web-component-tester": "polymer/web-component-tester#^3.4.0",
|
|
||||||
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
|
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
|
||||||
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0"
|
"web-component-tester": "^4.0.0",
|
||||||
|
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||||
},
|
},
|
||||||
"ignore": [],
|
"ignore": [],
|
||||||
"homepage": "https://github.com/PolymerElements/paper-icon-button",
|
"homepage": "https://github.com/PolymerElements/paper-icon-button",
|
||||||
"_release": "1.0.6",
|
"_release": "1.0.7",
|
||||||
"_resolution": {
|
"_resolution": {
|
||||||
"type": "version",
|
"type": "version",
|
||||||
"tag": "v1.0.6",
|
"tag": "v1.0.7",
|
||||||
"commit": "35347d81939093cd2abe2783ac1b17fa57b7b303"
|
"commit": "7623d73efeb6e2e88e2abdb5e4d00641d39e400f"
|
||||||
},
|
},
|
||||||
"_source": "git://github.com/PolymerElements/paper-icon-button.git",
|
"_source": "git://github.com/PolymerElements/paper-icon-button.git",
|
||||||
"_target": "^1.0.0",
|
"_target": "^1.0.0",
|
||||||
|
|
|
@ -1,22 +1,25 @@
|
||||||
language: node_js
|
language: node_js
|
||||||
sudo: false
|
sudo: false
|
||||||
before_script:
|
before_script:
|
||||||
- npm install web-component-tester
|
- npm install -g bower polylint web-component-tester
|
||||||
- npm install bower
|
|
||||||
- 'export PATH=$PWD/node_modules/.bin:$PATH'
|
|
||||||
- bower install
|
- bower install
|
||||||
|
- polylint
|
||||||
env:
|
env:
|
||||||
global:
|
global:
|
||||||
- secure: A+iEL5FUMQWkkaOduE26bo0jW49LYKxDwWGZOty9H9fCDpBNQSADOhIvLzScGtjE7Rr3jVmowVsDN0XfVSRpJneEIvj7+tHAXUFoVey8vDVklOmhlR25IH2OczEmCkOS+sAKRiSF54aptdPeJhmpbMH0FyZfuX+jJfhdonJ+YQg=
|
- secure: A+iEL5FUMQWkkaOduE26bo0jW49LYKxDwWGZOty9H9fCDpBNQSADOhIvLzScGtjE7Rr3jVmowVsDN0XfVSRpJneEIvj7+tHAXUFoVey8vDVklOmhlR25IH2OczEmCkOS+sAKRiSF54aptdPeJhmpbMH0FyZfuX+jJfhdonJ+YQg=
|
||||||
- secure: Ps1Hy0fzmYRYF/ur2Myg7ol43HpzpooCoDvqzpMbIBWkXjXcN0KlPoNc6lEFlhjSpjddMFavdajKYIO0j9adAjZA7HYlf+BglhxV45lz13o04+QlNbDSADNyAlKJLrIvFacn9DE3VXlvBwBu83m+ndHUN/uMyHyZo0VE1/ad9Iw=
|
- secure: Ps1Hy0fzmYRYF/ur2Myg7ol43HpzpooCoDvqzpMbIBWkXjXcN0KlPoNc6lEFlhjSpjddMFavdajKYIO0j9adAjZA7HYlf+BglhxV45lz13o04+QlNbDSADNyAlKJLrIvFacn9DE3VXlvBwBu83m+ndHUN/uMyHyZo0VE1/ad9Iw=
|
||||||
node_js: 4
|
- CXX=g++-4.8
|
||||||
|
node_js: stable
|
||||||
addons:
|
addons:
|
||||||
firefox: latest
|
firefox: latest
|
||||||
apt:
|
apt:
|
||||||
sources:
|
sources:
|
||||||
- google-chrome
|
- google-chrome
|
||||||
|
- ubuntu-toolchain-r-test
|
||||||
packages:
|
packages:
|
||||||
- google-chrome-stable
|
- google-chrome-stable
|
||||||
|
- g++-4.8
|
||||||
|
sauce_connect: true
|
||||||
script:
|
script:
|
||||||
- xvfb-run wct
|
- xvfb-run wct
|
||||||
- "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi"
|
- "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi"
|
||||||
|
|
|
@ -5,6 +5,11 @@ https://github.com/PolymerElements/ContributionGuide/blob/master/CONTRIBUTING.md
|
||||||
|
|
||||||
If you edit that file, it will get updated everywhere else.
|
If you edit that file, it will get updated everywhere else.
|
||||||
If you edit this file, your changes will get overridden :)
|
If you edit this file, your changes will get overridden :)
|
||||||
|
|
||||||
|
You can however override the jsbin link with one that's customized to this
|
||||||
|
specific element:
|
||||||
|
|
||||||
|
jsbin=https://jsbin.com/cagaye/edit?html,output
|
||||||
-->
|
-->
|
||||||
# Polymer Elements
|
# Polymer Elements
|
||||||
## Guide for Contributors
|
## Guide for Contributors
|
||||||
|
@ -41,7 +46,7 @@ Polymer Elements are built in the open, and the Polymer authors eagerly encourag
|
||||||
3. Click the `paper-foo` element.
|
3. Click the `paper-foo` element.
|
||||||
```
|
```
|
||||||
|
|
||||||
2. **A reduced test case that demonstrates the problem.** If possible, please include the test case as a JSBin. Start with this template to easily import and use relevant Polymer Elements: [http://jsbin.com/cagaye](http://jsbin.com/cagaye/edit?html,output).
|
2. **A reduced test case that demonstrates the problem.** If possible, please include the test case as a JSBin. Start with this template to easily import and use relevant Polymer Elements: [https://jsbin.com/cagaye/edit?html,output](https://jsbin.com/cagaye/edit?html,output).
|
||||||
|
|
||||||
3. **A list of browsers where the problem occurs.** This can be skipped if the problem is the same across all browsers.
|
3. **A list of browsers where the problem occurs.** This can be skipped if the problem is the same across all browsers.
|
||||||
|
|
||||||
|
@ -51,14 +56,14 @@ Polymer Elements are built in the open, and the Polymer authors eagerly encourag
|
||||||
|
|
||||||
When submitting pull requests, please provide:
|
When submitting pull requests, please provide:
|
||||||
|
|
||||||
1. **A reference to the corresponding issue** or issues that will be closed by the pull request. Please refer to these issues using the following syntax:
|
1. **A reference to the corresponding issue** or issues that will be closed by the pull request. Please refer to these issues in the pull request description using the following syntax:
|
||||||
|
|
||||||
```markdown
|
```markdown
|
||||||
(For a single issue)
|
(For a single issue)
|
||||||
Fixes #20
|
Fixes #20
|
||||||
|
|
||||||
(For multiple issues)
|
(For multiple issues)
|
||||||
Fixes #32, #40
|
Fixes #32, fixes #40
|
||||||
```
|
```
|
||||||
|
|
||||||
2. **A succinct description of the design** used to fix any related issues. For example:
|
2. **A succinct description of the design** used to fix any related issues. For example:
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"name": "paper-icon-button",
|
"name": "paper-icon-button",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "1.0.6",
|
"version": "1.0.7",
|
||||||
"license": "http://polymer.github.io/LICENSE.txt",
|
"license": "http://polymer.github.io/LICENSE.txt",
|
||||||
"description": "A material design icon button",
|
"description": "A material design icon button",
|
||||||
"main": "paper-icon-button.html",
|
"main": "paper-icon-button.html",
|
||||||
|
@ -21,19 +21,17 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"polymer": "Polymer/polymer#^1.1.0",
|
"polymer": "Polymer/polymer#^1.1.0",
|
||||||
"iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
|
|
||||||
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
|
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
|
||||||
"iron-icons": "PolymerElements/iron-icons#^1.0.0",
|
|
||||||
"paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0",
|
"paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0",
|
||||||
"paper-ripple": "PolymerElements/paper-ripple#^1.0.0",
|
|
||||||
"paper-styles": "PolymerElements/paper-styles#^1.0.0"
|
"paper-styles": "PolymerElements/paper-styles#^1.0.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
|
||||||
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
|
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
|
||||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
|
"iron-icons": "PolymerElements/iron-icons#^1.0.0",
|
||||||
"web-component-tester": "polymer/web-component-tester#^3.4.0",
|
|
||||||
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
|
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
|
||||||
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0"
|
"web-component-tester": "^4.0.0",
|
||||||
|
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||||
},
|
},
|
||||||
"ignore": []
|
"ignore": []
|
||||||
}
|
}
|
||||||
|
|
|
@ -82,6 +82,22 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
||||||
<paper-icon-button icon="alarm-on" title="wake up" class="giant"></paper-icon-button>
|
<paper-icon-button icon="alarm-on" title="wake up" class="giant"></paper-icon-button>
|
||||||
</template>
|
</template>
|
||||||
</demo-snippet>
|
</demo-snippet>
|
||||||
|
|
||||||
|
<h3>Buttons can be used as a link</h3>
|
||||||
|
<demo-snippet class="centered-demo">
|
||||||
|
<template>
|
||||||
|
<a href="https://www.polymer-project.org" tabindex="-1">
|
||||||
|
<paper-icon-button icon="polymer"></paper-icon-button>
|
||||||
|
</a>
|
||||||
|
<style>
|
||||||
|
a paper-icon-button,
|
||||||
|
a:active paper-icon-button,
|
||||||
|
a:visited paper-icon-button {
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</template>
|
||||||
|
</demo-snippet>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -10,11 +10,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
||||||
|
|
||||||
<link rel="import" href="../polymer/polymer.html">
|
<link rel="import" href="../polymer/polymer.html">
|
||||||
<link rel="import" href="../iron-icon/iron-icon.html">
|
<link rel="import" href="../iron-icon/iron-icon.html">
|
||||||
<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
|
|
||||||
<link rel="import" href="../paper-styles/default-theme.html">
|
|
||||||
<link rel="import" href="../paper-behaviors/paper-button-behavior.html">
|
|
||||||
<link rel="import" href="../paper-behaviors/paper-inky-focus-behavior.html">
|
<link rel="import" href="../paper-behaviors/paper-inky-focus-behavior.html">
|
||||||
<link rel="import" href="../paper-ripple/paper-ripple.html">
|
<link rel="import" href="../paper-styles/default-theme.html">
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Material design: [Icon toggles](https://www.google.com/design/spec/components/buttons.html#buttons-toggle-buttons)
|
Material design: [Icon toggles](https://www.google.com/design/spec/components/buttons.html#buttons-toggle-buttons)
|
||||||
|
@ -27,7 +24,7 @@ from the icon set to use.
|
||||||
|
|
||||||
<paper-icon-button icon="menu"></paper-icon-button>
|
<paper-icon-button icon="menu"></paper-icon-button>
|
||||||
|
|
||||||
See [`iron-iconset`](#iron-iconset) for more information about
|
See [`iron-iconset`](iron-iconset) for more information about
|
||||||
how to use a custom icon set.
|
how to use a custom icon set.
|
||||||
|
|
||||||
Example:
|
Example:
|
||||||
|
@ -37,6 +34,14 @@ Example:
|
||||||
<paper-icon-button icon="favorite"></paper-icon-button>
|
<paper-icon-button icon="favorite"></paper-icon-button>
|
||||||
<paper-icon-button src="star.png"></paper-icon-button>
|
<paper-icon-button src="star.png"></paper-icon-button>
|
||||||
|
|
||||||
|
To use `paper-icon-button` as a link, wrap it in an anchor tag. Since `paper-icon-button`
|
||||||
|
will already receive focus, you may want to prevent the anchor tag from receiving focus
|
||||||
|
as well by setting its tabindex to -1.
|
||||||
|
|
||||||
|
<a href="https://www.polymer-project.org" tabindex="-1">
|
||||||
|
<paper-icon-button icon="polymer"></paper-icon-button>
|
||||||
|
</a>
|
||||||
|
|
||||||
### Styling
|
### Styling
|
||||||
|
|
||||||
Style the button with CSS as you would a normal DOM element. If you are using the icons
|
Style the button with CSS as you would a normal DOM element. If you are using the icons
|
||||||
|
@ -79,12 +84,13 @@ Custom property | Description | Default
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
|
||||||
/* Because of polymer/2558, this style has lower specificity than * */
|
/* Because of polymer/2558, this style has lower specificity than * */
|
||||||
box-sizing: border-box !important;
|
box-sizing: border-box !important;
|
||||||
|
|
||||||
@apply(--paper-icon-button);
|
@apply(--paper-icon-button);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -97,10 +103,11 @@ Custom property | Description | Default
|
||||||
color: var(--paper-icon-button-disabled-text, --disabled-text-color);
|
color: var(--paper-icon-button-disabled-text, --disabled-text-color);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
cursor: auto;
|
cursor: auto;
|
||||||
|
|
||||||
@apply(--paper-icon-button-disabled);
|
@apply(--paper-icon-button-disabled);
|
||||||
}
|
}
|
||||||
|
|
||||||
:host(:hover) {
|
:host(:hover) {
|
||||||
@apply(--paper-icon-button-hover);
|
@apply(--paper-icon-button-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -109,6 +116,7 @@ Custom property | Description | Default
|
||||||
--iron-icon-height: 100%;
|
--iron-icon-height: 100%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-icon>
|
<iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-icon>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,4 @@
|
||||||
<!doctype html>
|
<!DOCTYPE html><!--
|
||||||
<!--
|
|
||||||
@license
|
@license
|
||||||
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
||||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||||
|
@ -7,9 +6,7 @@ The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||||
Code distributed by Google as part of the polymer project is also
|
Code distributed by Google as part of the polymer project is also
|
||||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||||
-->
|
--><html><head>
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
|
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
|
||||||
<title>paper-icon-button tests</title>
|
<title>paper-icon-button tests</title>
|
||||||
|
@ -19,8 +16,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
||||||
<script>
|
<script>
|
||||||
WCT.loadSuites([
|
WCT.loadSuites([
|
||||||
'basic.html',
|
'basic.html',
|
||||||
'a11y.html'
|
'a11y.html',
|
||||||
|
'basic.html?dom=shadow',
|
||||||
|
'a11y.html?dom=shadow'
|
||||||
]);
|
]);
|
||||||
</script>
|
</script>
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
</body></html>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue