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

update scroll styles

Browse source
This commit is contained in:
Luke Pulverenti 2016-04-11 00:24:16 -04:00
parent 308b423658
commit ca13b8cbc2
23 changed files with 153 additions and 106 deletions
Download patch file Download diff file Expand all files Collapse all files

38
dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.js vendored
View file

@ -22,18 +22,6 @@
return results;
}
var docElem = doc.documentElement;
var docElemValues = {
clientTop: docElem.clientTop,
clientLeft: docElem.clientLeft
};
var win = doc.defaultView;
var winValues = {
pageXOffset: win.pageXOffset,
pageYOffset: win.pageYOffset
};
var box;
var elem;
@ -57,7 +45,7 @@
return results;
}
function getPosition(options) {
function getPosition(options, dlg) {
var windowHeight = window.innerHeight;
@ -70,9 +58,9 @@
pos.top += options.positionTo.offsetHeight / 2;
pos.left += options.positionTo.offsetWidth / 2;
// Account for popup size - we can't predict this yet so just estimate
pos.top -= (45 * options.items.length) / 2;
pos.left -= 80;
// Account for popup size
pos.top -= ((dlg.offsetHeight || 300) / 2);
pos.left -= ((dlg.offsetWidth || 160) / 2);
// Avoid showing too close to the bottom
pos.top = Math.min(pos.top, windowHeight - 300);
@ -94,16 +82,13 @@
function show(options) {
var pos = options.positionTo ? getPosition(options) : null;
// items
// positionTo
// showCancel
// title
var dialogOptions = {
removeOnClose: true,
enableHistory: options.enableHistory,
refit: pos == null
enableHistory: options.enableHistory
};
var backButton = false;
@ -122,6 +107,10 @@
var dlg = dialogHelper.createDialog(dialogOptions);
if (!layoutManager.tv) {
dlg.classList.add('extraSpacing');
}
dlg.classList.add('actionSheet');
var html = '';
@ -142,6 +131,10 @@
html += '<div class="actionSheetScroller">';
options.items.forEach(function (o) {
o.ironIcon = o.selected ? 'check' : null;
});
var itemsWithIcons = options.items.filter(function (o) {
return o.ironIcon;
});
@ -155,7 +148,6 @@
}
var enablePaperMenu = !layoutManager.tv;
enablePaperMenu = false;
var itemTagName = 'paper-button';
if (enablePaperMenu) {
@ -168,7 +160,7 @@
var option = options.items[i];
var autoFocus = option.selected ? ' autoFocus' : '';
html += '<' + itemTagName + autoFocus + ' noink class="actionSheetMenuItem" data-id="' + option.id + '" style="display:block;">';
html += '<' + itemTagName + autoFocus + ' class="actionSheetMenuItem" data-id="' + option.id + '" style="display:block;">';
if (option.ironIcon) {
html += '<iron-icon class="actionSheetItemIcon" icon="' + option.ironIcon + '"></iron-icon>';
@ -231,6 +223,8 @@
dialogHelper.open(dlg);
var pos = options.positionTo ? getPosition(options, dlg) : null;
if (pos) {
dlg.style.position = 'fixed';
dlg.style.margin = 0;