From dcf272f62040dc8080d6474562366f855b9bc100 Mon Sep 17 00:00:00 2001
From: "mr. m" <91018726+mr-cheffy@users.noreply.github.com>
Date: Wed, 6 May 2026 16:23:05 +0200
Subject: [PATCH] gh-13516: Show the loading indicator ontop of the webview for
 toolbar mode (gh-13588)

---
 src/zen/common/styles/zen-single-components.css | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/zen/common/styles/zen-single-components.css b/src/zen/common/styles/zen-single-components.css
index 61c087bd2..2544b8b11 100644
--- a/src/zen/common/styles/zen-single-components.css
+++ b/src/zen/common/styles/zen-single-components.css
@@ -739,17 +739,13 @@
   --zen-loading-progress-bar-color: color-mix(in srgb, var(--zen-primary-color), light-dark(rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5)) 70%);
 
   position: fixed;
-  top: calc(-2px - env(hairline));
+  top: calc(var(--zen-element-separation) / -2);
 
   /* Minimum -2px, but if its larger, elemenet separation / -2 will be used as top offset, to avoid overlapping with the notification stack */
-  :root:is([zen-no-padding="true"], [inDOMFullscreen="true"]) & {
+  :root:is([zen-no-padding="true"], [inDOMFullscreen="true"], :not([zen-single-toolbar="true"])) & {
     top: 4px;
   }
 
-  :root[zen-single-toolbar="true"] & {
-    top: calc(var(--zen-element-separation) / -2);
-  }
-
   left: 50%;
   transform: translate(-50%, -50%) scale(0);
   background: var(--zen-loading-progress-bar-color);