Merge pull request #249 from lvcabral/fix/centered-title-shift-left-o…

…n-resize Fixed: Title moves to the left after resizing #246
AlexTorresDev · Dec 19, 2023 · 338f1b6 · 338f1b6
2 parents 89bcaf0 + 6ba6f9b
commit 338f1b6
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/titlebar/index.ts b/src/titlebar/index.ts
@@ -440,6 +440,12 @@ export class CustomTitlebar extends ThemeBar {
 		}
 	}
 
+	private canCenterTitle() {
+		const menuBarContainerMargin = 20
+		const menuSpaceLimit = window.innerWidth / 2 - this.menuBarContainer.getBoundingClientRect().right - menuBarContainerMargin
+		return (this.title.getBoundingClientRect().width / 2 <= menuSpaceLimit)
+	}
+
 	/// Public methods
 
 	/**
@@ -540,13 +546,15 @@ export class CustomTitlebar extends ThemeBar {
 
 			if (menuPosition !== 'bottom') {
 				addDisposableListener(window, 'resize', () => {
-					if (window.innerWidth >= 1188) {
+					if (this.canCenterTitle()) {
 						addClass(this.title, 'cet-title-center')
 					} else {
 						removeClass(this.title, 'cet-title-center')
 					}
 				})
-				addClass(this.title, 'cet-title-center')
+				if (this.canCenterTitle()) {
+					addClass(this.title, 'cet-title-center')
+				}
 			}
 
 			if (!isMacintosh && order === 'first-buttons') {