mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-12-13 01:52:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add different UI for non-macos devices and other small tweaks, b=no-bug, c=common, glance

Browse Source
This commit is contained in:
mr. m
2025-10-22 08:39:54 +02:00
parent 1d4e246d6a
commit 4080d07bcc
5 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/zen/common/styles/zen-browser-ui.css
View File

@@ -136,9 +136,13 @@
z-index: 2; z-index: 2;
} }
:root[zen-single-toolbar='true'] #nav-bar { #nav-bar {
border-top: none !important; border-top-color: transparent !important;
--zen-toolbar-height: 37px;
:root[zen-single-toolbar='true'] & {
border-top: none !important;
--zen-toolbar-height: 37px;
}
} }
#zen-main-app-wrapper { #zen-main-app-wrapper {

31
src/zen/common/styles/zen-single-components.css
View File

@@ -511,18 +511,27 @@ body > #confetti {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: linear-gradient( @media (-moz-platform: macos) {
to bottom, background: linear-gradient(
light-dark(rgb(255, 255, 255), rgb(34, 34, 34)), to bottom,
light-dark(rgb(246, 246, 246), rgb(21, 21, 21)) light-dark(rgb(255, 255, 255), rgb(34, 34, 34)),
); light-dark(rgb(246, 246, 246), rgb(21, 21, 21))
);
box-shadow:
0px 2px 4px rgba(0, 0, 0, 0.075),
inset 0px 1px 0px light-dark(transparent, rgba(255, 255, 255, 0.15));
border-radius: 6px;
--base-border-color: light-dark(rgba(0, 0, 0, 0.175), rgba(255, 255, 255, 0.1));
border: 1px solid light-dark(var(--base-border-color), rgb(21, 21, 21));
}
@media not (-moz-platform: macos) {
border-radius: 6px;
background-color: color-mix(in srgb, currentcolor 6%, transparent);
}
transition: transform 0.12s ease-in-out; transition: transform 0.12s ease-in-out;
box-shadow:
0px 2px 4px rgba(0, 0, 0, 0.075),
inset 0px 1px 0px light-dark(transparent, rgba(255, 255, 255, 0.15));
border-radius: 6px;
--base-border-color: light-dark(rgba(0, 0, 0, 0.175), rgba(255, 255, 255, 0.1));
border: 1px solid light-dark(var(--base-border-color), rgb(21, 21, 21));
box-sizing: border-box; box-sizing: border-box;
will-change: transform; will-change: transform;
} }

2
src/zen/glance/ZenGlanceManager.mjs
View File

@@ -457,7 +457,7 @@
opacity: [1, 0], opacity: [1, 0],
}, },
{ {
duration: 0.3, duration: 0.25,
easing: 'easeInOut', easing: 'easeInOut',
} }
); );

1
src/zen/glance/zen-glance.css
View File

@@ -176,5 +176,6 @@
top: 0%; top: 0%;
left: 50%; left: 50%;
translate: -50% 0%; translate: -50% 0%;
max-height: 100%;
will-change: transform, opacity; will-change: transform, opacity;
} }

1
src/zen/urlbar/ZenSiteDataPanel.sys.mjs
View File

@@ -580,7 +580,6 @@ export class nsZenSiteDataPanel {
}; };
checkEmptyTab(); checkEmptyTab();
}); });
this.anchor.setAttribute('open', 'true');
const callout = new FeatureCallout({ const callout = new FeatureCallout({
win: this.window, win: this.window,
location: 'chrome', location: 'chrome',