update schedules direct
This commit is contained in:
parent
4acfe20470
commit
a07e6b59a3
35 changed files with 215 additions and 314 deletions
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "paper-toggle-button",
|
||||
"version": "1.0.9",
|
||||
"version": "1.0.10",
|
||||
"description": "A material design toggle button control",
|
||||
"authors": [
|
||||
"The Polymer Authors"
|
||||
|
@ -34,11 +34,11 @@
|
|||
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
|
||||
"iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0"
|
||||
},
|
||||
"_release": "1.0.9",
|
||||
"_release": "1.0.10",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.9",
|
||||
"commit": "95a18ee82adfb9e10594f99251e991f91b489ac1"
|
||||
"tag": "v1.0.10",
|
||||
"commit": "b9851b6ab872ea03df70b80c6f89478f50d12823"
|
||||
},
|
||||
"_source": "git://github.com/PolymerElements/paper-toggle-button.git",
|
||||
"_target": "~1.0.5",
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "paper-toggle-button",
|
||||
"version": "1.0.9",
|
||||
"version": "1.0.10",
|
||||
"description": "A material design toggle button control",
|
||||
"authors": [
|
||||
"The Polymer Authors"
|
||||
|
|
|
@ -21,12 +21,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
<link rel="import" href="../paper-toggle-button.html">
|
||||
|
||||
<style is="custom-style">
|
||||
.line {
|
||||
paper-toggle-button {
|
||||
margin-bottom: 40px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.line span {
|
||||
margin-left: 24px;
|
||||
paper-toggle-button:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
paper-toggle-button.blue {
|
||||
|
@ -71,33 +72,33 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
<div>
|
||||
<h4>Enabled</h4>
|
||||
<div class="horizontal-section">
|
||||
<div class="line"><paper-toggle-button></paper-toggle-button><span>Oxygen</span></div>
|
||||
<div class="line"><paper-toggle-button></paper-toggle-button><span>Carbon</span></div>
|
||||
<div class="line"><paper-toggle-button checked></paper-toggle-button><span>Hydrogen</span></div>
|
||||
<div class="line"><paper-toggle-button checked></paper-toggle-button><span>Nitrogen</span></div>
|
||||
<div class="line"><paper-toggle-button checked></paper-toggle-button><span>Calcium</span></div>
|
||||
<paper-toggle-button>Oxygen</paper-toggle-button>
|
||||
<paper-toggle-button>Carbon</paper-toggle-button>
|
||||
<paper-toggle-button checked>Hydrogen</paper-toggle-button>
|
||||
<paper-toggle-button checked>Nitrogen</paper-toggle-button>
|
||||
<paper-toggle-button checked>Calcium</paper-toggle-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4>Disabled</h4>
|
||||
<div class="horizontal-section">
|
||||
<div class="line"><paper-toggle-button disabled></paper-toggle-button><span>Oxygen</span></div>
|
||||
<div class="line"><paper-toggle-button disabled></paper-toggle-button><span>Carbon</span></div>
|
||||
<div class="line"><paper-toggle-button checked disabled></paper-toggle-button><span>Hydrogen</span></div>
|
||||
<div class="line"><paper-toggle-button checked disabled></paper-toggle-button><span>Nitrogen</span></div>
|
||||
<div class="line"><paper-toggle-button checked disabled></paper-toggle-button><span>Calcium</span></div>
|
||||
<paper-toggle-button disabled>Oxygen</paper-toggle-button>
|
||||
<paper-toggle-button disabled>Carbon</paper-toggle-button>
|
||||
<paper-toggle-button checked disabled>Hydrogen</paper-toggle-button>
|
||||
<paper-toggle-button checked disabled>Nitrogen</paper-toggle-button>
|
||||
<paper-toggle-button checked disabled>Calcium</paper-toggle-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4>Color</h4>
|
||||
<div class="horizontal-section">
|
||||
<div class="line"><paper-toggle-button class="blue"></paper-toggle-button><span>Oxygen</span></div>
|
||||
<div class="line"><paper-toggle-button class="red"></paper-toggle-button><span>Carbon</span></div>
|
||||
<div class="line"><paper-toggle-button checked class="orange"></paper-toggle-button><span>Hydrogen</span></div>
|
||||
<div class="line"><paper-toggle-button checked class="green"></paper-toggle-button><span>Nitrogen</span></div>
|
||||
<div class="line"><paper-toggle-button checked class="blue"></paper-toggle-button><span>Calcium</span></div>
|
||||
<paper-toggle-button class="blue">Oxygen</paper-toggle-button>
|
||||
<paper-toggle-button class="red">Carbon</paper-toggle-button>
|
||||
<paper-toggle-button checked class="orange">Hydrogen</paper-toggle-button>
|
||||
<paper-toggle-button checked class="green">Nitrogen</paper-toggle-button>
|
||||
<paper-toggle-button checked class="blue">Calcium</paper-toggle-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -39,6 +39,7 @@ Custom property | Description | Default
|
|||
`--paper-toggle-button-unchecked-button` | Mixin applied to the slider button when the input is not checked | `{}`
|
||||
`--paper-toggle-button-checked-bar` | Mixin applied to the slider when the input is checked | `{}`
|
||||
`--paper-toggle-button-checked-button` | Mixin applied to the slider button when the input is checked | `{}`
|
||||
`--paper-toggle-button-label-color` | Label color | `--primary-text-color`
|
||||
|
||||
@group Paper Elements
|
||||
@element paper-toggle-button
|
||||
|
@ -93,7 +94,7 @@ Custom property | Description | Default
|
|||
transition: none;
|
||||
}
|
||||
|
||||
:host([checked]):not([disabled]) .toggle-bar {
|
||||
:host([checked]:not([disabled])) .toggle-bar {
|
||||
opacity: 0.5;
|
||||
background-color: var(--paper-toggle-button-checked-bar-color, --default-primary-color);
|
||||
@apply(--paper-toggle-button-checked-bar);
|
||||
|
@ -109,7 +110,7 @@ Custom property | Description | Default
|
|||
transform: translate(16px, 0);
|
||||
}
|
||||
|
||||
:host([checked]):not([disabled]) .toggle-button {
|
||||
:host([checked]:not([disabled])) .toggle-button {
|
||||
background-color: var(--paper-toggle-button-checked-button-color, --default-primary-color);
|
||||
@apply(--paper-toggle-button-checked-button);
|
||||
}
|
||||
|
@ -135,10 +136,22 @@ Custom property | Description | Default
|
|||
}
|
||||
|
||||
.toggle-container {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 36px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.toggle-label {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-left: 10px;
|
||||
white-space: normal;
|
||||
pointer-events: none;
|
||||
color: var(--paper-toggle-button-label-color, --primary-text-color);
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="toggle-container">
|
||||
|
@ -148,6 +161,8 @@ Custom property | Description | Default
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toggle-label"><content></content></div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue