Add removeMenuBar functionality and docs

AlexTorresDev · Mar 20, 2024 · a4cce65 · a4cce65
1 parent 9995f12
commit a4cce65
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/docs/Menubar-Options.md b/docs/Menubar-Options.md
@@ -81,6 +81,17 @@ const options = {
 };
 ```
 
+## Remove Menu from Title Bar
+
+This option allows removing the `menubar` from `titlebar`. The default value is `false`
+
+```js
+const options = {
+  // title bar options
+  removeMenuBar: true
+};
+```
+
 ## Menu Item Color
 
 This is the background color of the menu items when the cursor is hovering over each one. It can be a hexadecimal color using `TitlebarColor.fromHex(color)` or a `TitlebarColor`.

diff --git a/src/menubar/menubar-options.ts b/src/menubar/menubar-options.ts
@@ -46,6 +46,11 @@ export interface MenuBarOptions {
      * **The default is false**
      */
     onlyShowMenuBar?: boolean;
+    /**
+     * Define if MenuBar exists on TitleBar or not.
+     * **The default is false**
+     */
+    removeMenuBar?: boolean;
     /**
      * The color of the svg icons in the menu
      * **The default is automatic**

diff --git a/src/titlebar/index.ts b/src/titlebar/index.ts
@@ -47,6 +47,7 @@ export class CustomTitlebar extends ThemeBar {
 		menuTransparency: 0,
 		minimizable: true,
 		onlyShowMenuBar: false,
+		removeMenuBar: false,
 		shadow: false,
 		titleHorizontalAlignment: 'center',
 		tooltips: {
@@ -186,11 +187,14 @@ export class CustomTitlebar extends ThemeBar {
 		ipcRenderer.invoke('request-application-menu')?.then((menu?: Menu) => this.updateMenu(menu))
 
 		const menuPosition = this.currentOptions.menuPosition
+		const removeMenuBar = this.currentOptions.removeMenuBar
 
 		if (menuPosition) {
 			this.updateMenuPosition(menuPosition)
 		}
 
+		if (removeMenuBar) return
+
 		append(this.titlebar, this.menuBarContainer)
 	}