mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-06-12 14:38:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Remove :has selector for compact mode check and prevent menu close when toggling site permissions, p=#10867, c=common, compact-mode, tabs

Browse Source 
* feat: Improve button sizings for the sidebar, b=no-bug, c=common, tabs, workspaces

* perf: Improved split view switch perf, b=no-bug, c=glance, split-view

* chore: Remove :has selector for compact mode check and prevent menu close when toggling site permissions, b=no-bug, c=common, compact-mode, tabs
This commit is contained in:
mr. m
2025-10-19 12:29:37 +02:00
committed by GitHub
parent c0cc10ecd7
commit e3523066c3
8 changed files with 21 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/zen/common/ZenCustomizableUI.sys.mjs
View File

@@ -37,7 +37,7 @@ export var ZenCustomizableUI = new (class {
}
#addSidebarButtons(window) {
const kDefaultSidebarWidth = '215px';
const kDefaultSidebarWidth = '230px';
const toolbox = window.gNavToolbox;
// Set a splitter to navigator-toolbox

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

@@ -337,10 +337,13 @@
}
}
#zen-appcontent-navbar-wrapper #zen-sidebar-top-buttons {
max-width: fit-content;
:root[zen-right-side='true'] & {
order: 1;
#zen-appcontent-navbar-wrapper {
z-index: 1;
& #zen-sidebar-top-buttons {
max-width: fit-content;
:root[zen-right-side='true'] & {
order: 1;
}
}
}

2
src/zen/common/styles/zen-popup.css
View File

@@ -390,9 +390,9 @@ menuseparator {
min-height: 28px;
margin: 0px !important;
border-radius: 6px !important;
background: light-dark(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1)) !important;
border-top: 2px solid light-dark(transparent, rgba(255, 255, 255, 0.1));
color: light-dark(rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0.8)) !important;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
outline: 0.5px solid light-dark(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.02));
outline-offset: -0.5px;

15
src/zen/compact-mode/sidebar.inc.css
View File

@@ -132,14 +132,13 @@
}
}
#navigator-toolbox[zen-has-hover]:not(:has(#urlbar[zen-floating-urlbar='true']:hover)),
#navigator-toolbox[zen-user-show],
#navigator-toolbox[zen-has-empty-tab],
#navigator-toolbox[flash-popup],
#navigator-toolbox[has-popup-menu],
#navigator-toolbox[movingtab],
&[zen-renaming-tab='true'] #navigator-toolbox,
#navigator-toolbox[zen-compact-mode-active] {
#navigator-toolbox:is(
[zen-has-hover], [zen-user-show],
[zen-has-empty-tab], [flash-popup],
[has-popup-menu], [movingtab],
[zen-compact-mode-active]
),
&[zen-renaming-tab='true'] #navigator-toolbox {
&:not([animate='true']) {
--zen-compact-mode-func: linear(
0 0%,

5
src/zen/compact-mode/toolbar.inc.css
View File

@@ -48,10 +48,7 @@
}
}
&
#zen-appcontent-navbar-wrapper[zen-has-hover]:not(
:has(#urlbar[zen-floating-urlbar='true']:hover)
),
& #zen-appcontent-navbar-wrapper[zen-has-hover],
& #zen-appcontent-navbar-wrapper[has-popup-menu],
&
#zen-appcontent-navbar-wrapper:has(

18
src/zen/compact-mode/zen-compact-mode.css
View File

@@ -49,21 +49,3 @@
%include toolbar.inc.css
}
}
/* Fix for https://github.com/zen-browser/desktop/issues/7615 */
:root[zen-compact-mode='true']:not([customizing])[inDOMFullscreen='true'] {
@media -moz-pref('zen.view.compact.hide-tabbar') or -moz-pref('zen.view.use-single-toolbar') {
&:not([zen-compact-animating]) {
#navigator-toolbox {
opacity: 0;
}
}
}
@media -moz-pref('zen.view.compact.hide-toolbar') {
&:not([zen-single-toolbar='true']) {
& #zen-appcontent-navbar-wrapper {
opacity: 0;
}
}
}
}

4
src/zen/tabs/zen-tabs/vertical-tabs.css
View File

@@ -1156,11 +1156,11 @@
--zen-essential-tab-selected-bg: light-dark(
rgba(255, 255, 255, 0.85),
color-mix(in srgb, var(--zen-primary-color), rgba(68, 64, 64, 0.85) 40%)
color-mix(in srgb, var(--zen-primary-color), rgba(132, 132, 132, 0.85) 40%)
);
--zen-essential-tab-selected-bg-hover: light-dark(
rgba(255, 255, 255, 0.8),
color-mix(in srgb, var(--zen-primary-color), rgba(68, 64, 64, 0.85) 50%)
color-mix(in srgb, var(--zen-primary-color), rgba(132, 132, 132, 0.85) 30%)
);
:root[zen-default-theme='true'] & {

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

@@ -380,6 +380,7 @@ export class nsZenSiteDataPanel {
let img = this.document.createXULElement('toolbarbutton');
img.classList.add('permission-popup-permission-icon', 'zen-site-data-permission-icon');
img.setAttribute('closemenu', 'none');
if (this.#iconMap[id]) {
img.classList.add(`zen-permission-${this.#iconMap[id]}-icon`);
}
@@ -389,7 +390,6 @@ export class nsZenSiteDataPanel {
labelContainer.setAttribute('align', 'start');
labelContainer.classList.add('permission-popup-permission-label-container');
labelContainer._permission = permission;
labelContainer.addEventListener('click', this);
let nameLabel = this.document.createXULElement('label');
nameLabel.setAttribute('flex', '1');
@@ -419,6 +419,7 @@ export class nsZenSiteDataPanel {
container.appendChild(img);
container.appendChild(labelContainer);
container.addEventListener('click', this);
return [container, isCrossSiteCookie];
}