mirror/Huntarr
1
0
Fork 0
mirror of https://github.com/plexguide/Huntarr.git synced 2026-01-26 21:28:49 -06:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Admin9705
2025-05-08 14:35:48 -04:00
parent b00be2e4e8
commit ac2aed64d8
1 changed files with 42 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
frontend/templates/components/history_section.html
View File

@@ -74,7 +74,7 @@
</div>
<!-- Pagination controls -->
<div class="pagination-controls">
<div class="pagination-controls mobile-sticky">
<button id="historyPrevPage" class="pagination-button"><i class="fas fa-chevron-left"></i> Previous</button>
<span id="historyPageInfo">Page <span id="historyCurrentPage">1</span> of <span id="historyTotalPages">1</span></span>
<button id="historyNextPage" class="pagination-button">Next <i class="fas fa-chevron-right"></i></button>
@@ -98,6 +98,11 @@
height: 0 !important;
}
/* Make space for the fixed pagination on mobile */
.history-container {
padding-bottom: 60px;
}
/* Main container styling */
.content-section {
max-width: 100%;
@@ -439,6 +444,28 @@
align-items: center;
gap: 15px;
margin-top: 20px;
padding: 10px;
background: rgba(22, 26, 34, 0.9);
z-index: 1000;
}
.mobile-sticky {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
border-top: 1px solid rgba(90, 109, 137, 0.3);
}
@media (min-width: 769px) {
.mobile-sticky {
position: static;
box-shadow: none;
border-top: none;
background: transparent;
}
}
.pagination-button {
@@ -486,12 +513,12 @@
.pagination-controls {
flex-wrap: wrap;
position: static !important;
margin-bottom: 20px;
margin-top: 20px;
margin: 0;
display: flex;
justify-content: space-between;
width: 100%;
padding: 10px;
z-index: 1000;
}
.pagination-button {
@@ -508,6 +535,17 @@
/* Ensure the table wrapper doesn't overflow in mobile */
.modern-table-wrapper {
max-height: calc(100vh - 300px);
padding-bottom: 60px; /* Add padding to ensure content isn't hidden under pagination */
}
/* Fix for small screen height */
@media (max-height: 700px) {
.pagination-controls {
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
}
}
}
</style>