mirror/Huntarr.io
1
0
Fork 0
mirror of https://github.com/plexguide/Huntarr.io.git synced 2026-05-19 14:54:27 -04:00
Code Issues Packages Projects Releases Wiki Activity

Width Fixes

Browse Source
This commit is contained in:
Admin9705
2026-02-14 11:30:47 -05:00
parent d7dece571e
commit a5f35745f5
13 changed files with 43 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/static/css/backup-restore.css
View File

@@ -2,10 +2,10 @@
Backup & Restore — Modernized Huntarr Theme
============================================================ */
/* Container */
/* Container — align with content boundary (no horizontal padding) */
.br-container {
width: 100%;
padding: 0 16px;
padding: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
@@ -465,7 +465,7 @@
============================================================ */
@media (max-width: 768px) {
.br-container {
padding: 0 4px;
padding: 0;
gap: 14px;
}

29
frontend/static/css/content-boundary.css Normal file
View File

@@ -0,0 +1,29 @@
/* ==========================================================================
Content Boundary — Single source of truth for page content width
All pages: sponsor banners, headers, content align to Import Media template.
Left edge: Back button | Right edge: Scan Folders / Partner Projects
========================================================================== */
:root {
--content-max-width: 1200px;
}
/* Constrain all direct content children of content-section to same width.
Excludes modals (position:fixed) and link tags. */
.content-section > div:not([class*="modal"]):not([id*="modal"]),
.content-section > section {
max-width: var(--content-max-width) !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box;
}
/* Explicit overrides for Backup & Restore, Notifications, User — ensure boundary wins */
#backupRestoreSection .app-content-panel,
#notificationsSection .app-content-panel,
#userSection .app-content-panel {
max-width: var(--content-max-width) !important;
margin-left: auto !important;
margin-right: auto !important;
}

2
frontend/static/css/media-hunt-calendar.css
View File

@@ -24,8 +24,6 @@
.media-hunt-calendar-view {
padding: 0 0 20px 0;
width: 100%;
max-width: none !important;
margin: 0;
box-sizing: border-box;
}

4
frontend/static/css/media-hunt.css
View File

@@ -402,8 +402,6 @@
.media-hunt-collection-view {
padding: 0 0 20px 0;
width: 100%;
max-width: none !important;
margin: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
@@ -729,8 +727,6 @@
#mediaHuntSection .requestarr-content {
padding: 0;
width: 100%;
max-width: none !important;
margin: 0;
box-sizing: border-box;
}
#mediaHuntSection .requestarr-view { display: block; }

4
frontend/static/css/notifications.css
View File

@@ -3,10 +3,10 @@
Modern multi-provider notification management
============================================================= */
/* ---- Container — full width, no cap ---- */
/* ---- Container — align with content boundary (no horizontal padding) ---- */
.notif-container {
width: 100%;
padding: 0 16px;
padding: 0;
box-sizing: border-box;
}

2
frontend/static/css/nzb-hunt.css
View File

@@ -23,8 +23,6 @@
.nzb-hunt-container {
width: 100%;
max-width: none !important;
margin: 0 !important;
padding: 24px 0 !important;
display: flex;
flex-direction: column;

2
frontend/static/css/requestarr-discover.css
View File

@@ -9,8 +9,6 @@
#requestarr-section .requestarr-content {
padding: 0;
width: 100%;
max-width: none !important;
margin: 0;
overflow: visible;
box-sizing: border-box;
}

6
frontend/static/css/scheduling.css
View File

@@ -2,10 +2,10 @@
Scheduling — Modernized Huntarr Theme
============================================================ */
/* Container */
/* Container — no horizontal padding; align with page header / content boundary */
.sched-container {
width: 100%;
padding: 0 16px;
padding: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
@@ -429,7 +429,7 @@
============================================================ */
@media (max-width: 768px) {
.sched-container {
padding: 0 4px;
padding: 0;
gap: 14px;
}

5
frontend/static/css/settings-forms.css
View File

@@ -938,8 +938,7 @@ input#stateful_management_hours {
}
/* ═══════════════════════════════════════════════════════════════════
Settings sub-pages — Match home page width (no centering, no extra
horizontal padding; content-section 40px provides consistent alignment)
Settings sub-pages — Use global content boundary (Import Media width)
═══════════════════════════════════════════════════════════════════ */
#media-hunt-settings-default-section .app-content-panel,
#movieManagementSection .app-content-panel,
@@ -952,8 +951,6 @@ input#stateful_management_hours {
#settingsImportMediaSection .app-content-panel,
#settingsRootFoldersSection .app-content-panel,
#settingsLogsSection .app-content-panel {
max-width: none !important;
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}

2
frontend/static/css/style.css
View File

@@ -136,6 +136,8 @@ button {
flex-direction: column;
}
/* Content boundary — see content-boundary.css (single source of truth) */
/* Blue slate background for main content area (Home, Media Hunt, etc.) */
body:has(.app-container) .main-content,
.app-container .main-content {

2
frontend/static/css/user.css
View File

@@ -18,7 +18,7 @@
/* Container */
.uset-container {
width: 100%;
padding: 0 16px;
padding: 0;
box-sizing: border-box;
}

1
frontend/templates/components/head.html
View File

@@ -50,6 +50,7 @@
<!-- CSS -->
<link rel="stylesheet" href="./static/css/style.css">
<link rel="stylesheet" href="./static/css/content-boundary.css">
<!-- SortableJS for drag-and-drop dashboard cards (defer to not block rendering) -->
<script defer src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.6/Sortable.min.js" integrity="sha384-HZZ/fukV+9G8gwTNjN7zQDG0Sp7MsZy5DDN6VfY3Be7V9dvQpEpR2jF2HlyFUUjU" crossorigin="anonymous"></script>

2
frontend/templates/components/media_hunt_calendar_section.html
View File

@@ -26,7 +26,7 @@
<a href="./#settings-clients" class="no-instances-action-btn"><i class="fas fa-cog"></i> Configure Clients</a>
</div>
<div id="media-hunt-calendar-content-wrapper" style="display: none;">
<div class="media-hunt-calendar-view" style="padding: 0 0 20px 0; width: 100%; max-width: none !important; margin: 0; box-sizing: border-box;">
<div class="media-hunt-calendar-view">
<div class="mh-calendar-header">
<h2 class="mh-calendar-title" id="media-hunt-calendar-title"><i class="fas fa-calendar-alt"></i> Calendar</h2>
<div class="mh-calendar-controls">