From 04f14c0d2f7e3d69ffbd8443689f191d73896f7e Mon Sep 17 00:00:00 2001 From: "mr. M" Date: Thu, 20 Mar 2025 00:16:38 +0100 Subject: [PATCH] feat: implement settings window with styling and layout adjustments --- src/browser/base/content/ZenUIManager.mjs | 8 ++-- .../base/content/zen-assets.jar.inc.mn | 2 + .../zen-styles/windows/zen-settings.css | 48 +++++++++++++++++++ .../zen-components/windows/zen-settings.xhtml | 41 +++++++++++++--- 4 files changed, 89 insertions(+), 10 deletions(-) create mode 100644 src/browser/base/content/zen-styles/windows/zen-settings.css diff --git a/src/browser/base/content/ZenUIManager.mjs b/src/browser/base/content/ZenUIManager.mjs index f2a634260..c06e31ea2 100644 --- a/src/browser/base/content/ZenUIManager.mjs +++ b/src/browser/base/content/ZenUIManager.mjs @@ -268,11 +268,11 @@ var gZenUIManager = { openSettingsWindow() { window.openDialog( - "chrome://browser/content/zen-components/windows/zen-settings.xhtml", - "", - "centerscreen,chrome,modal,titlebar", + 'chrome://browser/content/zen-components/windows/zen-settings.xhtml', + '_blank', + 'centerscreen,chrome,dialog=no,resizable=no,titlebar' ); - } + }, }; var gZenVerticalTabsManager = { diff --git a/src/browser/base/content/zen-assets.jar.inc.mn b/src/browser/base/content/zen-assets.jar.inc.mn index 9a26817de..ef734062b 100644 --- a/src/browser/base/content/zen-assets.jar.inc.mn +++ b/src/browser/base/content/zen-assets.jar.inc.mn @@ -52,6 +52,8 @@ content/browser/zen-styles/zen-welcome.css (content/zen-styles/zen-welcome.css) content/browser/zen-styles/zen-media-controls.css (content/zen-styles/zen-media-controls.css) + content/browser/zen-styles/windows/zen-settings.css (content/zen-styles/windows/zen-settings.css) + content/browser/zen-styles/zen-panels/bookmarks.css (content/zen-styles/zen-panels/bookmarks.css) content/browser/zen-styles/zen-panels/extensions.css (content/zen-styles/zen-panels/extensions.css) content/browser/zen-styles/zen-panels/print.css (content/zen-styles/zen-panels/print.css) diff --git a/src/browser/base/content/zen-styles/windows/zen-settings.css b/src/browser/base/content/zen-styles/windows/zen-settings.css new file mode 100644 index 000000000..ab4b0a296 --- /dev/null +++ b/src/browser/base/content/zen-styles/windows/zen-settings.css @@ -0,0 +1,48 @@ +@namespace html 'http://www.w3.org/1999/xhtml'; +@namespace xul 'http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'; + +* { + margin: 0; + box-sizing: border-box; +} + +:root { + font: message-box; +} + +body { + width: 100%; +} + +#main-content { + background: var(--zen-themed-toolbar-bg-transparent); + @supports (-moz-osx-font-smoothing: auto) { + appearance: -moz-window-titlebar; + } + + user-select: none; + touch-action: none; + pointer-events: auto; + + width: 100%; + height: 100%; + + overflow-x: hidden; + overflow-y: auto; + + gap: 2rem; + padding: 2rem; +} + +.section { + width: 100%; + position: relative; + gap: 0.6rem; + + .section-content { + width: 100%; + background: var(--zen-toolbar-element-bg); + border-radius: var(--zen-native-content-radius); + padding: 1em; + } +} diff --git a/src/browser/base/zen-components/windows/zen-settings.xhtml b/src/browser/base/zen-components/windows/zen-settings.xhtml index 3afa25417..be54dac19 100644 --- a/src/browser/base/zen-components/windows/zen-settings.xhtml +++ b/src/browser/base/zen-components/windows/zen-settings.xhtml @@ -4,11 +4,40 @@ - License, v. 2.0. If a copy of the MPL was not distributed with this - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - + + + + + - + + + - + + + + + + + +
+
+ + + +
+
+ + + +