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

merge from dev

Browse source
This commit is contained in:
Luke Pulverenti 2015-12-14 10:43:03 -05:00
parent 1c8f02ce0f
commit 33b01d778c
911 changed files with 34157 additions and 57125 deletions
Download patch file Download diff file Expand all files Collapse all files

54
dashboard-ui/bower_components/paper-checkbox/paper-checkbox.html vendored
View file

@ -42,6 +42,7 @@ Custom property | Description | Default
`--paper-checkbox-checked-ink-color` | Selected/focus ripple color when the input is checked | `--default-primary-color`
`--paper-checkbox-checkmark-color` | Checkmark color | `white`
`--paper-checkbox-label-color` | Label color | `--primary-text-color`
`--paper-checkbox-label-spacing` | Spacing between the label and the checkbox | `8px`
`--paper-checkbox-error-color` | Checkbox color when invalid | `--google-red-500`
@demo demo/index.html
@ -53,6 +54,7 @@ Custom property | Description | Default
:host {
display: inline-block;
white-space: nowrap;
cursor: pointer;
}
:host(:focus) {
@ -68,14 +70,12 @@ Custom property | Description | Default
position: relative;
width: 18px;
height: 18px;
cursor: pointer;
-webkit-transform: translateZ(0);
transform: translateZ(0);
min-width: 18px;
vertical-align: middle;
background-color: var(--paper-checkbox-unchecked-background-color, transparent);
}
:host #ink {
#ink {
position: absolute;
top: -15px;
left: -15px;
@ -86,11 +86,16 @@ Custom property | Description | Default
pointer-events: none;
}
:host #ink[checked] {
:host-context([dir="rtl"]) #ink {
right: -15px;
left: auto;
}
#ink[checked] {
color: var(--paper-checkbox-checked-ink-color, --default-primary-color);
}
:host #checkbox {
#checkbox {
position: relative;
box-sizing: border-box;
height: 100%;
@ -110,45 +115,29 @@ Custom property | Description | Default
@-webkit-keyframes checkmark-expand {
0% {
top: 9px;
left: 6px;
width: 0px;
height: 0px;
-webkit-transform: scale(0, 0) rotate(45deg);
}
100% {
top: -1px;
left: 4px;
width: 5px;
height: 10px;
-webkit-transform: scale(1, 1) rotate(45deg);
}
}
@keyframes checkmark-expand {
0% {
top: 9px;
left: 6px;
width: 0px;
height: 0px;
transform: scale(0, 0) rotate(45deg);
}
100% {
top: -1px;
left: 4px;
width: 5px;
height: 10px;
transform: scale(1, 1) rotate(45deg);
}
}
:host #checkbox.checked {
#checkbox.checked {
background-color: var(--paper-checkbox-checked-color, --default-primary-color);
border-color: var(--paper-checkbox-checked-color, --default-primary-color);
}
:host #checkmark {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
#checkmark {
position: absolute;
top: -1px;
left: 4px;
width: 5px;
height: 10px;
border-style: solid;
@ -157,6 +146,8 @@ Custom property | Description | Default
border-right-width: 2px;
border-bottom-width: 2px;
border-color: var(--paper-checkbox-checkmark-color, white);
transform-origin: 97% 86%;
-webkit-transform-origin: 97% 86%;
}
/* label */
@ -164,12 +155,17 @@ Custom property | Description | Default
position: relative;
display: inline-block;
vertical-align: middle;
padding-left: 8px;
padding-left: var(--paper-checkbox-label-spacing, 8px);
white-space: normal;
pointer-events: none;
color: var(--paper-checkbox-label-color, --primary-text-color);
}
:host-context([dir="rtl"]) #checkboxLabel {
padding-right: var(--paper-checkbox-label-spacing, 8px);
padding-left: 0;
}
#checkboxLabel[hidden] {
display: none;
}