feat(client): move tab bar on horizontal layout

This commit is contained in:
Elian Doran 2024-11-22 21:37:54 +02:00
parent d1550db08d
commit 91c4ea333e
No known key found for this signature in database

View File

@ -94,16 +94,15 @@ export default class DesktopLayout {
const launcherPaneIsHorizontal = true; const launcherPaneIsHorizontal = true;
const launcherPane = this.#buildLauncherPane(launcherPaneIsHorizontal); const launcherPane = this.#buildLauncherPane(launcherPaneIsHorizontal);
const fullWidthTabBar = launcherPaneIsHorizontal && true;
const tabBar = new TabRowWidget(); const tabBar = new TabRowWidget();
return new RootContainer() return new RootContainer()
.setParent(appContext) .setParent(appContext)
.optChild(launcherPaneIsHorizontal, launcherPane) .optChild(launcherPaneIsHorizontal, new FlexContainer('row')
.optChild(fullWidthTabBar, new FlexContainer('row')
.child(tabBar) .child(tabBar)
.css('height', '40px') .css('height', '40px')
) )
.optChild(launcherPaneIsHorizontal, launcherPane)
.child(new FlexContainer('row') .child(new FlexContainer('row')
.css("flex-grow", "1") .css("flex-grow", "1")
.optChild(!launcherPaneIsHorizontal, launcherPane) .optChild(!launcherPaneIsHorizontal, launcherPane)
@ -115,7 +114,7 @@ export default class DesktopLayout {
.child(new FlexContainer('column') .child(new FlexContainer('column')
.id('rest-pane') .id('rest-pane')
.css("flex-grow", "1") .css("flex-grow", "1")
.optChild(!fullWidthTabBar, new FlexContainer('row') .optChild(!launcherPaneIsHorizontal, new FlexContainer('row')
.child(tabBar) .child(tabBar)
.child(new TitleBarButtonsWidget()) .child(new TitleBarButtonsWidget())
.css('height', '40px') .css('height', '40px')