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

reduced size of gallery images

Browse source
This commit is contained in:
Luke Pulverenti 2013-05-16 00:16:26 -04:00
parent e9b03f82ff
commit a46c0b8a2d
2 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

9
dashboard-ui/css/librarybrowser.css
View file

@ -152,7 +152,8 @@
} }
.galleryImage { .galleryImage {
width: 120px; max-height: 63px;
max-width: 300px;
} }
.starRating { .starRating {
@ -401,7 +402,7 @@ a.itemTag:hover {
@media all and (min-width: 750px) { @media all and (min-width: 750px) {
.galleryImage { .galleryImage {
width: 150px; max-height: 90px;
} }
.viewMenuTextLink { .viewMenuTextLink {
@ -426,9 +427,7 @@ a.itemTag:hover {
@media all and (min-width: 1200px) { @media all and (min-width: 1200px) {
.galleryImage {
width: 180px;
}
} }
@media all and (min-width: 650px) { @media all and (min-width: 650px) {

8
dashboard-ui/scripts/librarybrowser.js
View file

@ -1606,7 +1606,9 @@
createGalleryImage: function (item, type, tag, index) { createGalleryImage: function (item, type, tag, index) {
var lightboxWidth = 800; var screenWidth = Math.max(screen.height, screen.width);
screenWidth = Math.min(screenWidth, 1280);
var html = ''; var html = '';
if (typeof (index) == "undefined") index = 0; if (typeof (index) == "undefined") index = 0;
@ -1614,7 +1616,7 @@
html += '<div class="galleryImageContainer">'; html += '<div class="galleryImageContainer">';
html += '<a href="#pop_' + index + '_' + tag + '" data-transition="fade" data-rel="popup" data-position-to="window">'; html += '<a href="#pop_' + index + '_' + tag + '" data-transition="fade" data-rel="popup" data-position-to="window">';
html += '<img class="galleryImage" src="' + LibraryBrowser.getImageUrl(item, type, index, { html += '<img class="galleryImage" src="' + LibraryBrowser.getImageUrl(item, type, index, {
maxwidth: lightboxWidth, maxwidth: screenWidth,
tag: tag tag: tag
}) + '" />'; }) + '" />';
html += '</div>'; html += '</div>';
@ -1623,7 +1625,7 @@
html += '<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>'; html += '<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>';
html += '<img class="" src="' + LibraryBrowser.getImageUrl(item, type, index, { html += '<img class="" src="' + LibraryBrowser.getImageUrl(item, type, index, {
maxwidth: lightboxWidth, maxwidth: screenWidth,
tag: tag tag: tag
}) + '" />'; }) + '" />';