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

update shared collection editor

This commit is contained in:
Luke Pulverenti 2016-05-22 00:17:28 -04:00
parent 69fad5e57d
commit dcb6b103ec
10 changed files with 133 additions and 44 deletions

View file

@ -14,28 +14,31 @@
font-size: inherit;
/* General select styles: change as needed */
font-family: inherit;
font-weight: bold;
font-weight: inherit;
color: inherit;
padding: .6em .8em .3em 0;
cursor: pointer;
outline: none !important;
width: 100%;
}
.selectLabel {
display: block;
}
.selectLabelFocus {
.selectLabelFocused {
color: #52B54B;
}
.emby-select-selectionbar {
height: 2px;
transform: scale(.01);
transition: transform .2s ease-out;
transform: scale(.01, 1);
transition: transform .25s ease-out;
position: relative;
top: -1px;
margin-bottom: .5em;
-webkit-transform-origin: center center;
transform-origin: center center;
}
[is="emby-select"]:focus + .emby-select-selectionbar {

View file

@ -16,14 +16,25 @@
return true;
}
function triggerChange(select) {
var evt = document.createEvent("HTMLEvents");
evt.initEvent("change", false, true);
select.dispatchEvent(evt);
}
function showActionSheeet(select) {
var labelElem = getLabel(select);
var title = labelElem ? (labelElem.textContent || labelElem.innerText) : null;
actionsheet.show({
items: select.options,
positionTo: select
positionTo: select,
title: title
}).then(function (value) {
select.value = value;
triggerChange(select);
});
}
@ -38,20 +49,23 @@
function onFocus(e) {
var label = getLabel(this);
if (label) {
label.classList.add('selectLabelFocus');
label.classList.add('selectLabelFocused');
label.classList.remove('selectLabelUnfocused');
}
}
function onBlur(e) {
var label = getLabel(this);
if (label) {
label.classList.remove('selectLabelFocus');
label.classList.add('selectLabelUnfocused');
label.classList.remove('selectLabelFocused');
}
}
function onMouseDown(e) {
if (!enableNativeMenu()) {
// e.button=0 for primary (left) mouse button click
if (!e.button && !enableNativeMenu()) {
e.preventDefault();
showActionSheeet(this);
}