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

resize library buttons

This commit is contained in:
Luke Pulverenti 2014-05-27 10:30:21 -04:00
parent 9f80d772a9
commit a4f86c1a60
6 changed files with 29 additions and 20 deletions

View file

@ -129,7 +129,7 @@
.myLibraryPosterItem { .myLibraryPosterItem {
width: 148px; width: 42%;
} }
.myLibraryPosterItem .posterItemImage { .myLibraryPosterItem .posterItemImage {
@ -256,6 +256,10 @@
@media all and (min-width: 360px) { @media all and (min-width: 360px) {
.myLibraryPosterItem {
width: 45%;
}
.backdropPosterItem { .backdropPosterItem {
width: 148px; width: 148px;
} }
@ -342,7 +346,7 @@
@media all and (min-width: 600px) { @media all and (min-width: 600px) {
.myLibraryPosterItem { .myLibraryPosterItem {
width: 180px; width: 30%;
} }
} }
@ -367,6 +371,9 @@
@media all and (min-width: 1000px) { @media all and (min-width: 1000px) {
.myLibraryPosterItem {
width: 23%;
}
.smallBackdropPosterItem { .smallBackdropPosterItem {
width: 208px; width: 208px;
@ -402,6 +409,10 @@
@media all and (min-width: 1440px) { @media all and (min-width: 1440px) {
.myLibraryPosterItem {
width: 19%;
}
.squarePosterItem { .squarePosterItem {
width: 167px; width: 167px;
} }

View file

@ -19,12 +19,10 @@
<div class="readOnlyContent"> <div class="readOnlyContent">
<h3 style="margin: .5em 0;">Notifications</h3> <div class="notificationsList" style="margin-top: 1em;">
<div class="notificationsList" style="margin-top: 2em;">
</div> </div>
<p style="display:none;" class="btnMarkReadContainer"><button class="btnMarkRead" type="button" data-icon="check" data-mini="true" data-theme="b">Mark these read</button></p> <p style="display:none;" class="btnMarkReadContainer"><button class="btnMarkRead" type="button" data-icon="check" data-mini="true" data-theme="b">${ButtonMarkRead}</button></p>
</div> </div>
</div> </div>

View file

@ -1697,7 +1697,7 @@
renderOverview: function (elem, item) { renderOverview: function (elem, item) {
var overview = item.OverviewHtml || item.Overview || ''; var overview = item.Overview || '';
elem.html(overview).trigger('create'); elem.html(overview).trigger('create');

View file

@ -497,7 +497,7 @@
html += '<p class="itemGenres"></p>'; html += '<p class="itemGenres"></p>';
html += '<p class="itemOverlayHtml">'; html += '<p class="itemOverlayHtml">';
html += (item.OverviewHtml || item.Overview || ''); html += (item.Overview || '');
html += '</p>'; html += '</p>';
html += '</div>'; html += '</div>';

View file

@ -9,18 +9,18 @@
Notifications.showNotificationsList(startIndex, limit, elem, btn); Notifications.showNotificationsList(startIndex, limit, elem, btn);
elem.on("click", ".btnPreviousPage", function(e) { elem.on("click", ".btnPreviousPage", function (e) {
e.preventDefault(); e.preventDefault();
startIndex = startIndex - limit; startIndex = startIndex - limit;
if (startIndex < 0) startIndex = 0; if (startIndex < 0) startIndex = 0;
Notifications.showNotificationsList(startIndex, limit, elem, btn); Notifications.showNotificationsList(startIndex, limit, elem, btn);
}) })
.on("click", ".btnNextPage", function(e) { .on("click", ".btnNextPage", function (e) {
e.preventDefault(); e.preventDefault();
@ -29,16 +29,16 @@
Notifications.showNotificationsList(startIndex, limit, elem, btn); Notifications.showNotificationsList(startIndex, limit, elem, btn);
}); });
$(".readOnlyContent").on("click", ".btnMarkRead", function() {
var ids = $(".notificationsList div").map(function() { $(".readOnlyContent").on("click", ".btnMarkRead", function () {
var ids = $(".notificationsList div").map(function () {
return this.getAttribute('data-notificationid'); return this.getAttribute('data-notificationid');
}).get(); }).get();
Notifications.markNotificationsRead(ids, function() { Notifications.markNotificationsRead(ids, function () {
Notifications.showNotificationsList(startIndex, limit, elem, btn); Notifications.showNotificationsList(startIndex, limit, elem, btn);

View file

@ -82,7 +82,7 @@
}); });
var startIndex = 0; var startIndex = 0;
var limit = 5; var limit = 4;
var elem = $('.notificationsFlyoutlist'); var elem = $('.notificationsFlyoutlist');
var markReadButton = $('.btnMarkReadContainer'); var markReadButton = $('.btnMarkReadContainer');