1
0
Fork 0
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:
Luke Pulverenti 2016-08-15 00:36:17 -04:00
parent 89c8c73cab
commit 775db5c5e8
16 changed files with 119 additions and 68 deletions

View file

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

View file

@ -65,6 +65,8 @@
margin: 0;
transition: none;
border: 3px solid transparent;
/* Needed in case cardBox is a button */
background-color: transparent;
}
.cardBox-focustransform {

View file

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

View file

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

View file

@ -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');

View file

@ -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 = '';

View file

@ -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 = '';