Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge claude/1

Browse Source
This commit is contained in:
librelad 2026-06-03 00:23:10 +01:00
commit 6ced7c4c71
3 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
containers/libreportal/frontend/components/apps/core/html/apps-unified-layout.html
View File

@ -314,7 +314,9 @@
<div class="tab-pane" data-tab="migrate" id="ov-pane-migrate"> <div class="tab-pane" data-tab="migrate" id="ov-pane-migrate">
<!-- The in-content header (.ov-tab-header) is injected here by <!-- The in-content header (.ov-tab-header) is injected here by
mountMigrate() from OV_TAB_META, above the sub-tabs. --> mountMigrate() from OV_TAB_META, above the sub-tabs. -->
<!-- Cross-host area: nested segmented sub-tabs (Config-tab design). --> <!-- Cross-host area: segmented sub-tabs in the canonical app-detail
layout — .tabs-list and .tabs-content share one .tabs-wrapper so
the strip joins the content card with no gap. -->
<div class="tabs-wrapper ov-subtabs"> <div class="tabs-wrapper ov-subtabs">
<div class="tabs-list"> <div class="tabs-list">
<button class="tab-button active" data-ov-subtab="restore" onclick="if(window.overviewManager) window.overviewManager.switchMigrateSub('restore')"> <button class="tab-button active" data-ov-subtab="restore" onclick="if(window.overviewManager) window.overviewManager.switchMigrateSub('restore')">
@ -324,7 +326,6 @@
<span class="tab-emoji">🛰️</span><span class="tab-name">Peers</span> <span class="tab-emoji">🛰️</span><span class="tab-name">Peers</span>
</button> </button>
</div> </div>
</div>
<div class="tabs-content ov-subtabs-content"> <div class="tabs-content ov-subtabs-content">
<div class="tab-panel active" data-ov-subtab="restore" id="ov-migrate-restore"></div> <div class="tab-panel active" data-ov-subtab="restore" id="ov-migrate-restore"></div>
<div class="tab-panel" data-ov-subtab="peers" id="ov-migrate-peers"></div> <div class="tab-panel" data-ov-subtab="peers" id="ov-migrate-peers"></div>
@ -334,5 +335,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>

18
containers/libreportal/frontend/components/apps/overview/css/overview.css
View File

@ -134,7 +134,7 @@
max-width: none; max-width: none;
height: auto; height: auto;
min-height: 0; min-height: 0;
margin: 0 0 16px; margin: 0; /* no gap — the strip joins the content card below */
padding: 0; padding: 0;
background: transparent; background: transparent;
border: none; border: none;
@ -179,15 +179,23 @@
height: 16px; height: 16px;
flex: 0 0 auto; flex: 0 0 auto;
} }
/* Round only the outer top corners to follow the strip's chrome (the global
.tab-button rule does this for app/Migrate sub-tabs; .category needs its own). */
#overview-view #ov-pane-backups .backup-layout > .sidebar .category:first-child { border-top-left-radius: 12px; }
#overview-view #ov-pane-backups .backup-layout > .sidebar .category:last-child { border-top-right-radius: 12px; }
/* The content area becomes the connected .tabs-content card (visible surface,
rounded bottom) so the strip + body read as one unit, like the app Config tab. */
#overview-view #ov-pane-backups .backup-layout > .main { #overview-view #ov-pane-backups .backup-layout > .main {
width: 100%; width: 100%;
min-width: 0; min-width: 0;
background: var(--card-bg);
border-radius: 0 0 12px 12px;
} }
/* ---- Migrate tab: nested segmented sub-tabs (per-app Config-tab design) -- */ /* ---- Migrate tab: segmented sub-tabs (per-app Config-tab design) -------- */
/* .tabs-wrapper/.tabs-list/.tab-button come from the global base.css; only the /* .tabs-wrapper/.tabs-list/.tabs-content/.tab-button come from base.css; the
panel show/hide is scoped here. */ list + content share one .tabs-wrapper (markup) so they join with no gap,
#overview-view .ov-subtabs { margin-bottom: 16px; } exactly like the app Config tab. Only the panel show/hide is scoped here. */
#overview-view .ov-subtabs-content .tab-panel { display: none; } #overview-view .ov-subtabs-content .tab-panel { display: none; }
#overview-view .ov-subtabs-content .tab-panel.active { display: block; } #overview-view .ov-subtabs-content .tab-panel.active { display: block; }

5
containers/libreportal/frontend/components/apps/overview/js/overview-manager.js
View File

@ -473,7 +473,10 @@ class OverviewManager {
// and #mobile-overlay). BackupPage selects its own nodes by class, so this // and #mobile-overlay). BackupPage selects its own nodes by class, so this
// is safe; it just keeps the document free of duplicate ids. // is safe; it just keeps the document free of duplicate ids.
html = html.replace('id="sidebar"', '').replace('<div class="mobile-overlay" id="mobile-overlay"></div>', ''); html = html.replace('id="sidebar"', '').replace('<div class="mobile-overlay" id="mobile-overlay"></div>', '');
pane.innerHTML = html; // Lead with the shared in-content header (BackupPage supplies only its own
// per-section headers inside the layout), so Backups matches every other
// fleet tab. It persists across refreshes since revisits don't reset innerHTML.
pane.innerHTML = this.renderHeader('backups') + html;
if (typeof BackupPage === 'undefined') { if (typeof BackupPage === 'undefined') {
pane.innerHTML = '<div class="updater-empty">Backup center unavailable.</div>'; pane.innerHTML = '<div class="updater-empty">Backup center unavailable.</div>';
return; return;