1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

update components

This commit is contained in:
Luke Pulverenti 2016-05-05 14:29:30 -04:00
parent 25b5198fa7
commit e5a4b3813f
21 changed files with 360 additions and 87 deletions

View file

@ -1,10 +1,13 @@
{
"name": "paper-icon-button",
"private": true,
"version": "1.0.7",
"version": "1.1.0",
"license": "http://polymer.github.io/LICENSE.txt",
"description": "A material design icon button",
"main": "paper-icon-button.html",
"main": [
"paper-icon-button.html",
"paper-icon-button-light.html"
],
"author": [
"The Polymer Authors"
],
@ -35,11 +38,11 @@
},
"ignore": [],
"homepage": "https://github.com/PolymerElements/paper-icon-button",
"_release": "1.0.7",
"_release": "1.1.0",
"_resolution": {
"type": "version",
"tag": "v1.0.7",
"commit": "7623d73efeb6e2e88e2abdb5e4d00641d39e400f"
"tag": "v1.1.0",
"commit": "1d57e0d3a76d001674cb0b86ed14244551577e7a"
},
"_source": "git://github.com/PolymerElements/paper-icon-button.git",
"_target": "^1.0.0",

View file

@ -0,0 +1,33 @@
<!-- Instructions: https://github.com/PolymerElements/paper-icon-button/CONTRIBUTING.md#filing-issues -->
### Description
<!-- Example: The `paper-foo` element causes the page to turn pink when clicked. -->
### Expected outcome
<!-- Example: The page stays the same color. -->
### Actual outcome
<!-- Example: The page turns pink. -->
### Live Demo
<!-- Example: https://jsbin.com/cagaye/edit?html,output -->
### Steps to reproduce
<!-- Example
1. Put a `paper-foo` element in the page.
2. Open the page in a web browser.
3. Click the `paper-foo` element.
-->
### Browsers Affected
<!-- Check all that apply -->
- [ ] Chrome
- [ ] Firefox
- [ ] Safari 9
- [ ] Safari 8
- [ ] Safari 7
- [ ] Edge
- [ ] IE 11
- [ ] IE 10

View file

@ -1,5 +1,5 @@
language: node_js
sudo: false
sudo: required
before_script:
- npm install -g bower polylint web-component-tester
- bower install
@ -8,18 +8,16 @@ env:
global:
- secure: A+iEL5FUMQWkkaOduE26bo0jW49LYKxDwWGZOty9H9fCDpBNQSADOhIvLzScGtjE7Rr3jVmowVsDN0XfVSRpJneEIvj7+tHAXUFoVey8vDVklOmhlR25IH2OczEmCkOS+sAKRiSF54aptdPeJhmpbMH0FyZfuX+jJfhdonJ+YQg=
- secure: Ps1Hy0fzmYRYF/ur2Myg7ol43HpzpooCoDvqzpMbIBWkXjXcN0KlPoNc6lEFlhjSpjddMFavdajKYIO0j9adAjZA7HYlf+BglhxV45lz13o04+QlNbDSADNyAlKJLrIvFacn9DE3VXlvBwBu83m+ndHUN/uMyHyZo0VE1/ad9Iw=
- CXX=g++-4.8
node_js: stable
addons:
firefox: latest
apt:
sources:
- google-chrome
- ubuntu-toolchain-r-test
packages:
- google-chrome-stable
- g++-4.8
sauce_connect: true
script:
- xvfb-run wct
- "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi"
dist: trusty

View file

@ -1,10 +1,13 @@
{
"name": "paper-icon-button",
"private": true,
"version": "1.0.7",
"version": "1.1.0",
"license": "http://polymer.github.io/LICENSE.txt",
"description": "A material design icon button",
"main": "paper-icon-button.html",
"main": [
"paper-icon-button.html",
"paper-icon-button-light.html"
],
"author": [
"The Polymer Authors"
],

View file

@ -0,0 +1,57 @@
<!doctype html>
<!--
@license
Copyright (c) 2016 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
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
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
-->
<html>
<head>
<title>paper-icon-button-light demo</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../../iron-icons/iron-icons.html">
<link rel="import" href="../../paper-styles/color.html">
<link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
<link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
<link rel="import" href="../paper-icon-button-light.html">
<style is="custom-style" include="demo-pages-shared-styles"></style>
</head>
<body unresolved>
<div class="vertical-section-container centered">
<h3>paper-icon-button-light can contain iron-icons or external images and can be disabled</h3>
<demo-snippet class="centered-demo">
<template>
<style is="custom-style">
button[is=paper-icon-button-light] {
width: 40px;
height: 40px;
padding: 8px;
margin: 10px;
}
button[is=paper-icon-button-light] > img {
width: 24px;
height: 24px;
}
</style>
<button is="paper-icon-button-light" title="heart">
<iron-icon icon="favorite"></iron-icon>
</button>
<button is="paper-icon-button-light" title="octocat">
<img src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png" alt="octocat">
</button>
<button is="paper-icon-button-light" title="reply" disabled>
<iron-icon icon="reply"></iron-icon>
</button>
</template>
</demo-snippet>
</div>
</body>
</html>

View file

@ -0,0 +1,82 @@
<!--
@license
Copyright (c) 2016 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
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
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
-->
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../paper-behaviors/paper-ripple-behavior.html">
<!--
@group Paper Elements
@element paper-icon-button-light
@demo demo/paper-icon-button-light.html
-->
<dom-module id="paper-icon-button-light">
<template strip-whitespace>
<style>
:host {
vertical-align: middle;
color: inherit;
outline: none;
width: 24px;
height: 24px;
background: none;
margin: 0;
border: none;
padding: 0;
position: relative;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:host([disabled]) {
color: #9b9b9b;
pointer-events: none;
cursor: auto;
}
paper-ripple {
opacity: 0.6;
color: currentColor;
}
</style>
<content></content>
</template>
<script>
Polymer({
is: 'paper-icon-button-light',
extends: 'button',
behaviors: [
Polymer.PaperRippleBehavior
],
listeners: {
'down': '_rippleDown',
'up': '_rippleUp',
'focus': '_rippleDown',
'blur': '_rippleUp',
},
_rippleDown: function() {
this.getRipple().downAction();
},
_rippleUp: function() {
this.getRipple().upAction();
},
ensureRipple: function() {
Polymer.PaperRippleBehavior.ensureRipple.apply(this, arguments);
this._ripple.center = true;
this._ripple.classList.add('circle');
}
});
</script>
</dom-module>