mirror of
https://github.com/zen-browser/desktop.git
synced 2026-01-03 20:12:43 +00:00
Started using more native rounded corners
This commit is contained in:
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user