mirror of
https://github.com/plexguide/Huntarr.git
synced 2026-01-01 00:11:29 -06:00
112 lines
2.7 KiB
CSS
112 lines
2.7 KiB
CSS
/*
|
|
* Apps Section Scroll Fix
|
|
* Prevents double scrollbars and limits excessive scrolling
|
|
*/
|
|
|
|
/* Make main content the only scrollable container */
|
|
.main-content {
|
|
overflow-y: auto !important;
|
|
height: 100vh !important;
|
|
position: relative;
|
|
}
|
|
|
|
/* Ensure apps section fits within main content without scrolling */
|
|
#appsSection {
|
|
height: auto !important;
|
|
overflow: visible !important;
|
|
padding-bottom: 20px !important;
|
|
max-height: none !important;
|
|
}
|
|
|
|
/* Single scroll container should not scroll independently */
|
|
.single-scroll-container {
|
|
overflow: visible !important;
|
|
height: auto !important;
|
|
max-height: none !important;
|
|
padding-bottom: 50px !important;
|
|
}
|
|
|
|
/* Reduce excessive padding in various containers */
|
|
#sonarrApps, #radarrApps, #lidarrApps, #readarrApps,
|
|
#whisparrApps, #erosApps, #cleanuperrApps {
|
|
padding-bottom: 50px !important;
|
|
margin-bottom: 20px !important;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
/* Additional options sections */
|
|
.additional-options-section,
|
|
.additional-options,
|
|
.skip-series-refresh {
|
|
margin-bottom: 50px !important;
|
|
padding-bottom: 20px !important;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
/* App panels container */
|
|
.app-panels-container {
|
|
margin-bottom: 50px !important;
|
|
padding-bottom: 0 !important;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
/* Ensure tables don't cause overflow */
|
|
table {
|
|
max-width: 100%;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
/* Fix for app container overflow */
|
|
#appsContainer {
|
|
overflow: visible !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
/* Ensure content-section is not scrollable on its own */
|
|
.content-section {
|
|
overflow: visible !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
/* Override any !important overflow settings elsewhere */
|
|
body .single-scroll-container,
|
|
body #appsSection,
|
|
body .app-panels-container,
|
|
body .app-apps-panel,
|
|
body .app-content-panel,
|
|
body #appsContainer,
|
|
body #sonarrApps,
|
|
body #radarrApps,
|
|
body #lidarrApps,
|
|
body #readarrApps,
|
|
body #whisparrApps,
|
|
body #erosApps,
|
|
body #cleanuperrApps {
|
|
overflow: visible !important;
|
|
max-height: none !important;
|
|
}
|
|
|
|
/* Fix for mobile scrolling */
|
|
@media (max-width: 768px) {
|
|
.main-content {
|
|
overflow-y: auto !important;
|
|
height: auto !important;
|
|
min-height: 100vh !important;
|
|
}
|
|
|
|
body, html {
|
|
overflow-y: auto !important;
|
|
}
|
|
|
|
.app-panels-container {
|
|
margin-bottom: 50px !important;
|
|
}
|
|
|
|
/* Reduce bottom spacing on mobile */
|
|
#sonarrApps, #radarrApps, #lidarrApps, #readarrApps,
|
|
#whisparrApps, #erosApps, #cleanuperrApps,
|
|
.additional-options, .skip-series-refresh {
|
|
margin-bottom: 50px !important;
|
|
padding-bottom: 30px !important;
|
|
}
|
|
} |