From b66b46b8a07bbcc105ee441dd5a87932dad1f6c2 Mon Sep 17 00:00:00 2001 From: "mr. M" Date: Tue, 14 Jan 2025 23:22:13 +0100 Subject: [PATCH] Started using more native rounded corners --- .../content/zen-styles/zen-browser-container.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/browser/base/content/zen-styles/zen-browser-container.css b/src/browser/base/content/zen-styles/zen-browser-container.css index e3f5ad0db..13d839bbc 100644 --- a/src/browser/base/content/zen-styles/zen-browser-container.css +++ b/src/browser/base/content/zen-styles/zen-browser-container.css @@ -6,7 +6,18 @@ :root:not([inDOMFullscreen='true']):not([chromehidden~='location']):not([chromehidden~='toolbar']) { & #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer { width: -moz-available; - border-radius: var(--zen-webview-border-radius, var(--zen-border-radius)); + --zen-native-content-radius: env(-moz-gtk-csd-titlebar-radius, var(--zen-border-radius)); + border-radius: var( + --zen-webview-border-radius, + /* Inner radius calculation: + * 1. If the native radius - the separation is less than 4px, use 4px. + * 2. Otherwise, use the the calculated value (inner radius = outer radius - separation). + */ + max( + 4px, + calc(var(--zen-native-content-radius) - var(--zen-element-separation)), + ) + ); position: relative; /* For glance */