From 010e6c4754765cfd1cc3890efa6b746fea7d164b Mon Sep 17 00:00:00 2001
From: hydescarf <56707567+hydescarf@users.noreply.github.com>
Date: Sat, 25 Jun 2022 15:26:03 +0800
Subject: [PATCH] v0.2.7 Fixed translucent mode bug & design

---
 README.md    |  4 ++++
 obsidian.css | 23 ++++++++++++++++++++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index b0c7e89..06ce8fd 100644
--- a/README.md
+++ b/README.md
@@ -139,6 +139,10 @@ An adjustment to the Buttons Plugin `main.js` file is required as of April 2022,
 
 ## Changelog  
 
+v0.2.7
+- Fixed close/min/max buttons being unclickable during "Translucent Window" mode.
+- Adjusted the weird opacity design during "Translucent Window" mode.
+
 v0.2.6
 - Fixed close/min/max buttons position for MacOS.
 
diff --git a/obsidian.css b/obsidian.css
index 315187d..2496c3c 100644
--- a/obsidian.css
+++ b/obsidian.css
@@ -167,9 +167,14 @@ body{
 ---------------------------
 */
 .titlebar{
-	background:var(--background-secondary);
+	/* background none to let way for translucent mode design */
+	background:none;
 	position:absolute;
 }
+.is-translucent .titlebar{
+	z-index:1;
+	/* Possible reason fof it to not work with opacity: https://stackoverflow.com/questions/23995799/css-hover-not-working-due-to-opacity */
+}
 
 .titlebar-text{
 	/* hide obsidian app title */
@@ -779,6 +784,9 @@ ul > li.task-list-item.is-checked *,
 .workspace-split.mod-vertical.mod-root .workspace-leaf{
 	border-left:var(--border);
 }
+.workspace-split.mod-root > .workspace-leaf:last-of-type .workspace-leaf-content{
+	border-top-right-radius: 0px;
+}
 
 /*
 --------------------------- 
@@ -1086,9 +1094,18 @@ ul > li.task-list-item.is-checked *,
 	background:var(--background-secondary);
 }
 
-/* Remove background from the back of the main pane */
+/* Backgorund for the back of the pane */
+.workspace-split,
 .workspace-split.mod-root{
-	background:none;
+	background:var(--background-secondary);
+}
+
+/* Readjust translucent element */
+.is-translucent .workspace-split{
+	opacity:var(--opacity-translucency);
+}
+.is-translucent .workspace-tabs{
+	opacity:1;
 }