From 675e59c3d540dfe84914a3d2d3778f2a620d1835 Mon Sep 17 00:00:00 2001
From: Gary Wang <git@blumia.net>
Date: Fri, 10 Jan 2025 09:44:18 +0800
Subject: [PATCH] style: avoid window controls overlay covering SiYuan toolbar
 buttons (#13771)

Since we already declares "window-controls-overlay" in our PWA manifest file, we also need to care about the actual place taken by the window controls overlay.

See also:

- https://web.dev/articles/window-controls-overlay

Resolve: https://github.com/siyuan-note/siyuan/issues/13226
---
 app/src/assets/scss/base.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss
index a306788e2..712e8268a 100644
--- a/app/src/assets/scss/base.scss
+++ b/app/src/assets/scss/base.scss
@@ -106,6 +106,9 @@ html {
 
   &--browser {
     padding-left: 0;
+    margin-left: env(titlebar-area-x, 0);
+    width: env(titlebar-area-width, 100%);
+    height: env(titlebar-area-height, 32px);
   }
 
   #windowControls {