Started using more native rounded corners

This commit is contained in:
mr. M
2025-01-14 23:22:13 +01:00
parent d94aff97ea
commit b66b46b8a0

View File

@@ -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 */