diff --git a/src/public/app/layouts/desktop_layout.js b/src/public/app/layouts/desktop_layout.js index a50dace76..051c50cf3 100644 --- a/src/public/app/layouts/desktop_layout.js +++ b/src/public/app/layouts/desktop_layout.js @@ -85,6 +85,7 @@ import ScrollPaddingWidget from "../widgets/scroll_padding.js"; import ClassicEditorToolbar from "../widgets/ribbon_widgets/classic_editor_toolbar.js"; import options from "../services/options.js"; import utils from "../services/utils.js"; +import RightPaneToggleWidget from "../widgets/buttons/right_pane_toggle.js"; export default class DesktopLayout { constructor(customWidgets) { @@ -118,6 +119,7 @@ export default class DesktopLayout { .child(new FlexContainer("row").id("tab-row-left-spacer")) .optChild(launcherPaneIsHorizontal, new LeftPaneToggleWidget(true)) .child(new TabRowWidget().class("full-width")) + .child(new RightPaneToggleWidget()) .optChild(customTitleBarButtons, new TitleBarButtonsWidget()) .css("height", "40px") .css("background-color", "var(--launcher-pane-background-color)") @@ -139,7 +141,11 @@ export default class DesktopLayout { new FlexContainer("column") .id("rest-pane") .css("flex-grow", "1") - .optChild(!fullWidthTabBar, new FlexContainer("row").child(new TabRowWidget()).optChild(customTitleBarButtons, new TitleBarButtonsWidget()).css("height", "40px")) + .optChild(!fullWidthTabBar, new FlexContainer("row") + .child(new TabRowWidget()) + .optChild(customTitleBarButtons, new TitleBarButtonsWidget()) + .child(new RightPaneToggleWidget()) + .css("height", "40px")) .child( new FlexContainer("row") .filling() diff --git a/src/public/app/widgets/buttons/right_pane_toggle.ts b/src/public/app/widgets/buttons/right_pane_toggle.ts new file mode 100644 index 000000000..fef0681a6 --- /dev/null +++ b/src/public/app/widgets/buttons/right_pane_toggle.ts @@ -0,0 +1,12 @@ +import CommandButtonWidget from "./command_button.js"; + +export default class RightPaneToggleWidget extends CommandButtonWidget { + + constructor() { + super(); + + this.class("toggle-button"); + this.settings.icon = "bx-dock-right"; + } + +}