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 {
|
||||
width: 148px;
|
||||
width: 42%;
|
||||
}
|
||||
|
||||
.myLibraryPosterItem .posterItemImage {
|
||||
|
@ -256,6 +256,10 @@
|
|||
|
||||
@media all and (min-width: 360px) {
|
||||
|
||||
.myLibraryPosterItem {
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.backdropPosterItem {
|
||||
width: 148px;
|
||||
}
|
||||
|
@ -342,7 +346,7 @@
|
|||
@media all and (min-width: 600px) {
|
||||
|
||||
.myLibraryPosterItem {
|
||||
width: 180px;
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -367,6 +371,9 @@
|
|||
|
||||
@media all and (min-width: 1000px) {
|
||||
|
||||
.myLibraryPosterItem {
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem {
|
||||
width: 208px;
|
||||
|
@ -402,6 +409,10 @@
|
|||
|
||||
@media all and (min-width: 1440px) {
|
||||
|
||||
.myLibraryPosterItem {
|
||||
width: 19%;
|
||||
}
|
||||
|
||||
.squarePosterItem {
|
||||
width: 167px;
|
||||
}
|
||||
|
|
|
@ -19,12 +19,10 @@
|
|||
|
||||
<div class="readOnlyContent">
|
||||
|
||||
<h3 style="margin: .5em 0;">Notifications</h3>
|
||||
|
||||
<div class="notificationsList" style="margin-top: 2em;">
|
||||
<div class="notificationsList" style="margin-top: 1em;">
|
||||
</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>
|
||||
|
|
|
@ -1697,7 +1697,7 @@
|
|||
|
||||
renderOverview: function (elem, item) {
|
||||
|
||||
var overview = item.OverviewHtml || item.Overview || '';
|
||||
var overview = item.Overview || '';
|
||||
|
||||
elem.html(overview).trigger('create');
|
||||
|
||||
|
|
|
@ -497,7 +497,7 @@
|
|||
html += '<p class="itemGenres"></p>';
|
||||
|
||||
html += '<p class="itemOverlayHtml">';
|
||||
html += (item.OverviewHtml || item.Overview || '');
|
||||
html += (item.Overview || '');
|
||||
html += '</p>';
|
||||
|
||||
html += '</div>';
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
|
||||
Notifications.showNotificationsList(startIndex, limit, elem, btn);
|
||||
|
||||
elem.on("click", ".btnPreviousPage", function(e) {
|
||||
elem.on("click", ".btnPreviousPage", function (e) {
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
|
@ -20,7 +20,7 @@
|
|||
Notifications.showNotificationsList(startIndex, limit, elem, btn);
|
||||
|
||||
})
|
||||
.on("click", ".btnNextPage", function(e) {
|
||||
.on("click", ".btnNextPage", function (e) {
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
|
@ -30,15 +30,15 @@
|
|||
|
||||
});
|
||||
|
||||
$(".readOnlyContent").on("click", ".btnMarkRead", function() {
|
||||
$(".readOnlyContent").on("click", ".btnMarkRead", function () {
|
||||
|
||||
var ids = $(".notificationsList div").map(function() {
|
||||
var ids = $(".notificationsList div").map(function () {
|
||||
|
||||
return this.getAttribute('data-notificationid');
|
||||
|
||||
}).get();
|
||||
|
||||
Notifications.markNotificationsRead(ids, function() {
|
||||
Notifications.markNotificationsRead(ids, function () {
|
||||
|
||||
Notifications.showNotificationsList(startIndex, limit, elem, btn);
|
||||
|
||||
|
|
|
@ -82,7 +82,7 @@
|
|||
});
|
||||
|
||||
var startIndex = 0;
|
||||
var limit = 5;
|
||||
var limit = 4;
|
||||
var elem = $('.notificationsFlyoutlist');
|
||||
var markReadButton = $('.btnMarkReadContainer');
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue