Mirrors/Stirling-PDF
Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2025-12-18 20:04:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: keep catalog bounded to tool panel

Browse Source
This commit is contained in:
Anthony Stirling 2025-10-04 21:59:05 +01:00
parent 28b146f0f4
commit 41cea1d50a
3 changed files with 4 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/tools/ToolPanel.tsx
View File

@ -56,7 +56,7 @@ export default function ToolPanel() {
if (isFullscreenMode) {
if (isCatalogActive) {
return '100%';
return 'clamp(32rem, 48vw, 56rem)';
}
if (leftPanelView === 'toolContent' && isPanelVisible) {
@ -79,7 +79,6 @@ export default function ToolPanel() {
style={{
width: computedWidth(),
padding: '0',
flex: isCatalogActive ? '1 1 auto' : undefined,
}}
>
<div

18
frontend/src/pages/HomePage.css
View File

@ -199,21 +199,3 @@
flex: 0 0 auto;
}
.home-desktop-layout--catalog .home-desktop-layout__quick {
max-width: 0;
transform: translateX(-100%);
opacity: 0;
pointer-events: none;
}
.home-desktop-layout--catalog .home-desktop-layout__tool-panel {
flex: 1 1 auto;
}
.home-desktop-layout--catalog .home-desktop-layout__workbench,
.home-desktop-layout--catalog .home-desktop-layout__right-rail {
max-width: 0;
opacity: 0;
transform: translateX(2rem);
pointer-events: none;
}

8
frontend/src/pages/HomePage.tsx
View File

@ -132,8 +132,6 @@ export default function HomePage() {
// Note: File selection limits are now handled directly by individual tools
const desktopCatalogActive = !isMobile && toolPanelMode === 'fullscreen' && leftPanelView === 'toolPicker';
return (
<div className="h-screen overflow-hidden">
<ToolPanelModePrompt />
@ -240,7 +238,7 @@ export default function HomePage() {
align="flex-start"
gap={0}
h="100%"
className={`flex-nowrap flex home-desktop-layout ${desktopCatalogActive ? 'home-desktop-layout--catalog' : ''}`}
className="flex-nowrap flex home-desktop-layout"
>
<div className="home-desktop-layout__quick">
<QuickAccessBar
@ -250,10 +248,10 @@ export default function HomePage() {
<div className="home-desktop-layout__tool-panel">
<ToolPanel />
</div>
<div className="home-desktop-layout__workbench" aria-hidden={desktopCatalogActive}>
<div className="home-desktop-layout__workbench">
<Workbench />
</div>
<div className="home-desktop-layout__right-rail" aria-hidden={desktopCatalogActive}>
<div className="home-desktop-layout__right-rail">
<RightRail />
</div>
<FileManager selectedTool={selectedTool as any /* FIX ME */} />