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:
parent
9f80d772a9
commit
a4f86c1a60
6 changed files with 29 additions and 20 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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');
|
||||||
|
|
||||||
|
|
|
@ -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>';
|
||||||
|
|
|
@ -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);
|
||||||
|
|
||||||
|
|
|
@ -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');
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue