mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
add setting for photo libraries
This commit is contained in:
parent
89c8c73cab
commit
775db5c5e8
16 changed files with 119 additions and 68 deletions
|
@ -14,12 +14,12 @@
|
|||
},
|
||||
"devDependencies": {},
|
||||
"ignore": [],
|
||||
"version": "1.4.170",
|
||||
"_release": "1.4.170",
|
||||
"version": "1.4.171",
|
||||
"_release": "1.4.171",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "1.4.170",
|
||||
"commit": "61f0b1c9783d19db9b76882badbf575500dea6e9"
|
||||
"tag": "1.4.171",
|
||||
"commit": "388435c54b3b15c417b8d76701cf09b42b968a08"
|
||||
},
|
||||
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
|
||||
"_target": "^1.2.1",
|
||||
|
|
|
@ -65,6 +65,8 @@
|
|||
margin: 0;
|
||||
transition: none;
|
||||
border: 3px solid transparent;
|
||||
/* Needed in case cardBox is a button */
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.cardBox-focustransform {
|
||||
|
|
|
@ -355,6 +355,10 @@
|
|||
return true;
|
||||
}
|
||||
|
||||
if (options.size) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return browser.touch;
|
||||
}
|
||||
|
||||
|
@ -424,8 +428,8 @@
|
|||
var exitAnimation = options.exitAnimation || defaultExitAnimation;
|
||||
|
||||
// If it's not fullscreen then lower the default animation speed to make it open really fast
|
||||
var entryAnimationDuration = options.entryAnimationDuration || (options.size ? 200 : 300);
|
||||
var exitAnimationDuration = options.exitAnimationDuration || (options.size ? 200 : 300);
|
||||
var entryAnimationDuration = options.entryAnimationDuration || (options.size ? 180 : 280);
|
||||
var exitAnimationDuration = options.exitAnimationDuration || (options.size ? 180 : 280);
|
||||
|
||||
dlg.animationConfig = {
|
||||
// scale up
|
||||
|
|
|
@ -63,32 +63,5 @@
|
|||
}
|
||||
|
||||
.emby-tab-button-ripple-effect {
|
||||
position: absolute !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
background: #181818 !important;
|
||||
animation: emby-tab-button-ripple-animation .5s !important;
|
||||
transform-origin: center center !important;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
@keyframes emby-tab-button-ripple-animation {
|
||||
0% {
|
||||
transform: scale(.2, 1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: none;
|
||||
opacity: 0;
|
||||
}
|
||||
background: #141414 !important;
|
||||
}
|
||||
|
|
|
@ -42,13 +42,16 @@
|
|||
elem.classList.add('emby-tab-button-selection-bar-active');
|
||||
}
|
||||
|
||||
function animtateSelectionBar(bar, start, pos, duration) {
|
||||
function animtateSelectionBar(bar, start, pos, duration, onFinish) {
|
||||
|
||||
var endTransform = pos ? ('translateX(' + pos + 'px)') : 'none';
|
||||
var startTransform = start ? ('translateX(' + start + 'px)') : 'none';
|
||||
|
||||
if (!duration || !bar.animate) {
|
||||
bar.style.transform = endTransform;
|
||||
if (onFinish) {
|
||||
onFinish();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
|
@ -61,9 +64,9 @@
|
|||
bar.animate(keyframes, {
|
||||
duration: duration,
|
||||
iterations: 1,
|
||||
easing: 'ease-out',
|
||||
easing: 'linear',
|
||||
fill: 'forwards'
|
||||
});
|
||||
}).onFinish = onFinish;
|
||||
}
|
||||
|
||||
function moveSelectionBar(tabs, newButton, oldButton, animate) {
|
||||
|
@ -99,22 +102,26 @@
|
|||
endPosition = tabButtonOffset.left - tabsOffset.left;
|
||||
}
|
||||
|
||||
var delay = animate ? 180 : 0;
|
||||
if (selectionBar) {
|
||||
animtateSelectionBar(selectionBar, startOffset, endPosition, delay);
|
||||
}
|
||||
var delay = animate ? 100 : 0;
|
||||
tabs.currentOffset = endPosition;
|
||||
|
||||
newButton.classList.add(activeButtonClass);
|
||||
|
||||
setTimeout(function () {
|
||||
var onAnimationFinish = function() {
|
||||
|
||||
showButtonSelectionBar(newButton);
|
||||
if (tabs.getAttribute('data-selectionbar') != 'false') {
|
||||
showButtonSelectionBar(newButton);
|
||||
}
|
||||
if (selectionBar) {
|
||||
selectionBar.classList.add('hide');
|
||||
}
|
||||
|
||||
}, delay);
|
||||
};
|
||||
|
||||
if (selectionBar) {
|
||||
animtateSelectionBar(selectionBar, startOffset, endPosition, delay, onAnimationFinish);
|
||||
} else {
|
||||
onAnimationFinish();
|
||||
}
|
||||
}
|
||||
|
||||
function onClick(e) {
|
||||
|
@ -207,6 +214,10 @@
|
|||
return;
|
||||
}
|
||||
|
||||
if (tabs.getAttribute('data-selectionbar') == 'false') {
|
||||
return;
|
||||
}
|
||||
|
||||
var elem = document.createElement('div');
|
||||
elem.classList.add('emby-tabs-selection-bar');
|
||||
|
||||
|
|
|
@ -1172,9 +1172,6 @@
|
|||
|
||||
var dlg = dialogHelper.createDialog(dialogOptions);
|
||||
|
||||
dlg.classList.add('ui-body-b');
|
||||
dlg.classList.add('background-theme-b');
|
||||
|
||||
dlg.classList.add('formDialog');
|
||||
|
||||
var html = '';
|
||||
|
|
|
@ -25,9 +25,6 @@
|
|||
|
||||
var dlg = dialogHelper.createDialog(dialogOptions);
|
||||
|
||||
dlg.classList.add('ui-body-b');
|
||||
dlg.classList.add('background-theme-b');
|
||||
|
||||
dlg.classList.add('formDialog');
|
||||
|
||||
var html = '';
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue