diff --git a/src/browser/app/profile/zen-browser.js b/src/browser/app/profile/zen-browser.js index 3621aeb21..ba18f81c5 100644 --- a/src/browser/app/profile/zen-browser.js +++ b/src/browser/app/profile/zen-browser.js @@ -109,6 +109,7 @@ pref('zen.theme.border-radius', 12); // In pixels #else pref('zen.theme.border-radius', 8); // In pixels #endif +#endif pref('zen.theme.color-prefs.use-workspace-colors', true); pref('zen.theme.color-prefs.amoled', false); diff --git a/src/browser/base/content/ZenCustomizableUI.sys.mjs b/src/browser/base/content/ZenCustomizableUI.sys.mjs index 2d360fbca..f5142687c 100644 --- a/src/browser/base/content/ZenCustomizableUI.sys.mjs +++ b/src/browser/base/content/ZenCustomizableUI.sys.mjs @@ -4,7 +4,7 @@ export var ZenCustomizableUI = new (class { constructor() {} TYPE_TOOLBAR = 'toolbar'; - defaultSidebarIcons = ['zen-profile-button', 'zen-workspace-select-button', 'downloads-button']; + defaultSidebarIcons = ['zen-profile-button', 'zen-workspaces-button', 'downloads-button']; startup(CustomizableUIInternal) { CustomizableUIInternal.registerArea( diff --git a/src/browser/base/content/zen-sidebar-icons.inc.xhtml b/src/browser/base/content/zen-sidebar-icons.inc.xhtml index 089987ff5..aae3cb15c 100644 --- a/src/browser/base/content/zen-sidebar-icons.inc.xhtml +++ b/src/browser/base/content/zen-sidebar-icons.inc.xhtml @@ -9,7 +9,7 @@ mode="icons"> - + toolbarbutton:not(#zen-workspace-select-button) { + & > toolbarbutton:not(#zen-workspaces-button) { padding: 0 !important; } } @@ -398,7 +398,7 @@ margin-top: 0; } - & #zen-workspace-select-button[as-button='true'] { + & #zen-workspaces-button[as-button='true'] { width: calc(100% - 10px) !important; } @@ -406,7 +406,7 @@ display: none; } - & #zen-workspace-select-button { + & #zen-workspaces-button { margin-left: 2px; margin-right: 2px; @@ -453,7 +453,7 @@ bottom: calc(-0.5 * var(--zen-toolbox-padding)); } - & > *:not(tabs):not(#search-container):not(#zen-workspace-select-button), + & > *:not(tabs):not(#search-container):not(#zen-workspaces-button), & #tabbrowser-arrowscrollbox-periphery > toolbarbutton { width: 100% !important; border-radius: var(--tab-border-radius) !important; @@ -656,7 +656,7 @@ margin-inline-end: 0 !important; } } - & #zen-workspace-select-button { + & #zen-workspaces-button { flex-direction: column; &:not([as-button='true']) { & toolbarbutton { diff --git a/src/browser/base/content/zen-styles/zen-workspaces.css b/src/browser/base/content/zen-styles/zen-workspaces.css index 9e46f12e1..339110d47 100644 --- a/src/browser/base/content/zen-styles/zen-workspaces.css +++ b/src/browser/base/content/zen-styles/zen-workspaces.css @@ -5,7 +5,7 @@ */ @namespace html 'http://www.w3.org/1999/xhtml'; -#zen-workspace-select-button { +#zen-workspaces-button { justify-content: center; align-items: center; display: flex; @@ -107,7 +107,7 @@ } } -#zen-workspace-select-button .zen-workspace-sidebar-wrapper { +#zen-workspaces-button .zen-workspace-sidebar-wrapper { position: absolute; width: 100%; display: flex; @@ -116,7 +116,7 @@ pointer-events: none; } -#zen-workspace-select-button .zen-workspace-sidebar-name { +#zen-workspaces-button .zen-workspace-sidebar-name { margin-left: 0.2rem; display: none; overflow: hidden; @@ -127,18 +127,18 @@ /** Keep these selectors in sync with the ones in vertical-tabs.css */ #navigator-toolbox { - & #zen-workspace-select-button[as-button='true'] { + & #zen-workspaces-button[as-button='true'] { width: calc(100% - var(--toolbarbutton-outer-padding)); margin: 2px; min-width: calc(2 * var(--toolbarbutton-inner-padding) + 16px); height: calc(2 * var(--toolbarbutton-inner-padding) + 16px); } - & #zen-workspace-select-button .zen-workspace-sidebar-name { + & #zen-workspaces-button .zen-workspace-sidebar-name { display: block; } - & #zen-workspace-select-button .zen-workspace-sidebar-icon { + & #zen-workspaces-button .zen-workspace-sidebar-icon { margin-inline-end: 5px; & [no-icon='true'] { @@ -146,11 +146,11 @@ } } - & #zen-workspace-select-button .zen-workspace-sidebar-icon[no-icon='true'] + .zen-workspace-sidebar-name { + & #zen-workspaces-button .zen-workspace-sidebar-icon[no-icon='true'] + .zen-workspace-sidebar-name { margin-left: 0; } - & #zen-workspace-select-button { + & #zen-workspaces-button { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; diff --git a/src/browser/base/zen-components/ZenCompactMode.mjs b/src/browser/base/zen-components/ZenCompactMode.mjs index d0df5139b..0bf880802 100644 --- a/src/browser/base/zen-components/ZenCompactMode.mjs +++ b/src/browser/base/zen-components/ZenCompactMode.mjs @@ -227,8 +227,8 @@ var gZenCompactModeManager = { updateContextMenu() { document.getElementById('zen-context-menu-compact-mode-toggle').setAttribute('checked', this.preference); - const hideTabBar = Services.prefs.getBoolPref('zen.view.compact.hide-tabbar'); - const hideToolbar = Services.prefs.getBoolPref('zen.view.compact.hide-toolbar'); + const hideTabBar = Services.prefs.getBoolPref('zen.view.compact.hide-tabbar', false); + const hideToolbar = Services.prefs.getBoolPref('zen.view.compact.hide-toolbar', false); const hideBoth = hideTabBar && hideToolbar; const idName = 'zen-context-menu-compact-mode-hide-'; diff --git a/src/browser/base/zen-components/ZenWorkspaces.mjs b/src/browser/base/zen-components/ZenWorkspaces.mjs index e609bf625..8d2686dbd 100644 --- a/src/browser/base/zen-components/ZenWorkspaces.mjs +++ b/src/browser/base/zen-components/ZenWorkspaces.mjs @@ -879,7 +879,7 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature { await this.changeWorkspace(workspace); let panel = this.ownerWindow.document.getElementById('PanelUI-zen-workspaces'); PanelMultiView.hidePopup(panel); - this.ownerWindow.document.getElementById('zen-workspace-select-button').removeAttribute('open'); + this.ownerWindow.document.getElementById('zen-workspaces-button').removeAttribute('open'); }).bind(browser.ZenWorkspaces); return element; }; @@ -1025,8 +1025,7 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature { if (!this.workspaceEnabled) { return; } - let target = - event.target.closest('#zen-current-workspace-indicator') || document.getElementById('zen-workspace-select-button'); + let target = event.target.closest('#zen-current-workspace-indicator') || document.getElementById('zen-workspaces-button'); let panel = document.getElementById('PanelUI-zen-workspaces'); await this._propagateWorkspaceData({ ignoreStrip: true, @@ -1041,8 +1040,8 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature { async initializeWorkspacesButton() { if (!this.workspaceEnabled) { return; - } else if (document.getElementById('zen-workspace-select-button')) { - let button = document.getElementById('zen-workspace-select-button'); + } else if (document.getElementById('zen-workspaces-button')) { + let button = document.getElementById('zen-workspaces-button'); button.removeAttribute('hidden'); return; } @@ -1053,7 +1052,7 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature { if (typeof browser.ZenWorkspaces === 'undefined') { browser = window; } - let button = browser.document.getElementById('zen-workspace-select-button'); + let button = browser.document.getElementById('zen-workspaces-button'); while (button.firstChild) { button.firstChild.remove(); diff --git a/src/browser/components/preferences/zen-settings.js b/src/browser/components/preferences/zen-settings.js index d8e6e61ce..58c75a627 100644 --- a/src/browser/components/preferences/zen-settings.js +++ b/src/browser/components/preferences/zen-settings.js @@ -601,8 +601,8 @@ var gZenLooksAndFeel = { let value = ''; if ( - Services.prefs.getBoolPref('zen.view.compact.hide-tabbar') && - Services.prefs.getBoolPref('zen.view.compact.hide-toolbar') + Services.prefs.getBoolPref('zen.view.compact.hide-tabbar', false) && + Services.prefs.getBoolPref('zen.view.compact.hide-toolbar', false) ) { value = 'both'; } else { diff --git a/surfer.json b/surfer.json index b95b8f0f9..72791bd3c 100644 --- a/surfer.json +++ b/surfer.json @@ -53,4 +53,4 @@ "licenseType": "MPL-2.0" }, "updateHostname": "updates.zen-browser.app" -} +} \ No newline at end of file