From 201c26046539d6e0b9ddd42b5e12f49c5de76c99 Mon Sep 17 00:00:00 2001
From: Sainan <63328889+Sainan@users.noreply.github.com>
Date: Sun, 29 Jun 2025 21:09:29 +0200
Subject: [PATCH] fix(webui): make sidebar sticky as intended also a bit of
 language-specific width adjustment

---
 static/webui/index.html |  2 +-
 static/webui/style.css  | 17 ++++++++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/static/webui/index.html b/static/webui/index.html
index 6c62867e..4c96ef43 100644
--- a/static/webui/index.html
+++ b/static/webui/index.html
@@ -75,7 +75,7 @@
                 </div>
             </div>
         </div>
-        <div class="w-100">
+        <div id="main-content">
             <div data-route="/webui/" data-title="Login | OpenWF WebUI">
                 <p data-loc="login_description"></p>
                 <form onsubmit="doLogin();return false;">
diff --git a/static/webui/style.css b/static/webui/style.css
index 05677dd7..b5abd6fd 100644
--- a/static/webui/style.css
+++ b/static/webui/style.css
@@ -4,9 +4,20 @@
     }
 
     body.logged-in #sidebar {
-        position: sticky;
-        top: 5rem;
-        margin-right: 3rem;
+        position: fixed;
+    }
+
+    body.logged-in #main-content {
+        width: 100%;
+        margin-left: 7rem;
+    }
+
+    body.logged-in:has([data-lang=de].active) #main-content {
+        margin-left: 8rem;
+    }
+
+    body.logged-in:has([data-lang=zh].active) #main-content {
+        margin-left: 6rem;
     }
 
     body:not(.logged-in) #sidebar {