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

update schedules direct

This commit is contained in:
Luke Pulverenti 2015-10-01 12:28:24 -04:00
parent 4acfe20470
commit a07e6b59a3
35 changed files with 215 additions and 314 deletions

View file

@ -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>