From 6d1e5554b404de046c28c17423a871a703180f55 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Thu, 18 Apr 2024 16:19:09 +0200
Subject: [PATCH] WIP

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/talk/renderer/DesktopHeader.vue    | 43 +++++++++++++++++++-------
 src/talk/renderer/assets/overrides.css |  5 +++
 src/talk/talk.window.js                | 12 +++----
 3 files changed, 43 insertions(+), 17 deletions(-)

diff --git a/src/talk/renderer/DesktopHeader.vue b/src/talk/renderer/DesktopHeader.vue
index 5417c3ff..2bb7d68f 100644
--- a/src/talk/renderer/DesktopHeader.vue
+++ b/src/talk/renderer/DesktopHeader.vue
@@ -22,14 +22,14 @@
 <template>
 	<header id="header" class="header">
 		<div class="header__inner">
-			<div v-if="!OS.isMac"
-				class="header__title-wrapper"
-				role="button"
-				tabindex="0"
-				@click="pushToRoot">
-				<span class="header__title">Nextcloud Talk</span>
-				<span class="header__preview-badge">Preview</span>
-			</div>
+			<!--			<div v-if="!OS.isMac"-->
+			<!--				class="header__title-wrapper"-->
+			<!--				role="button"-->
+			<!--				tabindex="0"-->
+			<!--				@click="pushToRoot">-->
+			<!--				<span class="header__title">Nextcloud Talk</span>-->
+			<!--				<span class="header__preview-badge">Preview</span>-->
+			<!--			</div>-->
 
 			<div class="spacer" />
 
@@ -86,13 +86,34 @@ export default {
 }
 </script>
 
+<style>
+:root {
+	--talk-desktop-menu: 54px;
+}
+
+.top-bar {
+	padding-right: var(--talk-desktop-menu) !important;
+}
+
+.app-sidebar-header__desc {
+	padding-right: calc(50px + var(--talk-desktop-menu)) !important;
+}
+
+.app-sidebar__close {
+	right: calc(6px + var(--talk-desktop-menu)) !important;
+}
+</style>
+
 <style scoped>
 .header {
-	height: 50px;
+	height: 60px;
 	box-sizing: border-box;
-	margin-bottom: -50px;
+	/*margin-bottom: -50px;*/
 	color: #FFF;
-	user-select: none;
+	position: absolute;
+	top: 0;
+	right: 0;
+	z-index: 1000;
 }
 
 .header__inner {
diff --git a/src/talk/renderer/assets/overrides.css b/src/talk/renderer/assets/overrides.css
index 79dbf670..dbf862a0 100644
--- a/src/talk/renderer/assets/overrides.css
+++ b/src/talk/renderer/assets/overrides.css
@@ -25,8 +25,13 @@
 :root {
 	/* It is IMPORTANT to set "px" here, not just "0" */
 	--body-container-margin: 0px;
+	--body-height: 100%;
 }
 
 #content-vue {
 	border-radius: 0 !important;
 }
+
+.content {
+	margin-top: 0 !important;
+}
diff --git a/src/talk/talk.window.js b/src/talk/talk.window.js
index c3d31620..361957fb 100644
--- a/src/talk/talk.window.js
+++ b/src/talk/talk.window.js
@@ -40,12 +40,12 @@ function createTalkWindow() {
 			preload: TALK_WINDOW_PRELOAD_WEBPACK_ENTRY,
 		},
 		icon: getBrowserWindowIcon(),
-		titleBarStyle: 'hidden',
-		titleBarOverlay: {
-			color: '#00669E00', // Transparent
-			symbolColor: '#FFFFFF', // White
-			height: 50,
-		},
+		// titleBarStyle: 'hidden',
+		// titleBarOverlay: {
+		// 	color: '#00669E00', // Transparent
+		// 	symbolColor: '#FFFFFF', // White
+		// 	height: 50,
+		// },
 		// Position of the top left corner of the traffic light on Mac
 		trafficLightPosition: {
 			x: 12, // In line with SearchBox