LeMoonStar/zen-realigned
1
0
Fork 0
forked from ZenBrowserMirrors/zen-desktop
Code Pull requests Activity

feat: implement settings window with styling and layout adjustments

Browse source
This commit is contained in:
mr. M 2025-03-20 00:16:38 +01:00
parent 1ceb5d6248
commit 04f14c0d2f
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
4 changed files with 89 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/browser/base/content/ZenUIManager.mjs
View file

@ -268,11 +268,11 @@ var gZenUIManager = {
openSettingsWindow() { openSettingsWindow() {
window.openDialog( window.openDialog(
"chrome://browser/content/zen-components/windows/zen-settings.xhtml", 'chrome://browser/content/zen-components/windows/zen-settings.xhtml',
"", '_blank',
"centerscreen,chrome,modal,titlebar", 'centerscreen,chrome,dialog=no,resizable=no,titlebar'
); );
} },
}; };
var gZenVerticalTabsManager = { var gZenVerticalTabsManager = {

2
src/browser/base/content/zen-assets.jar.inc.mn
View file

@ -52,6 +52,8 @@
content/browser/zen-styles/zen-welcome.css (content/zen-styles/zen-welcome.css) 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/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/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/extensions.css (content/zen-styles/zen-panels/extensions.css)
content/browser/zen-styles/zen-panels/print.css (content/zen-styles/zen-panels/print.css) content/browser/zen-styles/zen-panels/print.css (content/zen-styles/zen-panels/print.css)

48
src/browser/base/content/zen-styles/windows/zen-settings.css Normal file
View file

@ -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;
}
}

41
src/browser/base/zen-components/windows/zen-settings.xhtml
View file

@ -4,11 +4,40 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this - 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/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE window> <html xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml"
id="zenSettingsWindow"
style="min-width: 35em; max-width: 35em; min-height: 40em;">
<head>
<linkset>
<html:link
rel="stylesheet"
href="chrome://browser/content/zen-styles/zen-theme.css"
/>
<html:link
rel="stylesheet"
href="chrome://browser/content/zen-styles/windows/zen-settings.css"
/>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" <html:link rel="localization" href="browser/preferences/preferences.ftl" />
xmlns:html="http://www.w3.org/1999/xhtml" <html:link rel="localization" href="browser/preferences/zen-preferences.ftl" />
id="zenSettingsWindow" </linkset>
style="min-width: 40em;">
</window> <script src="chrome://browser/content/zenThemeModifier.js"></script>
</head>
<html:body xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<vbox id="main-content">
<vbox class="section">
<html:h2 data-l10n-id="pane-general-title"/>
<div class="section-content">
</div>
</vbox>
<vbox class="section">
<html:h2 data-l10n-id="pane-general-title"/>
<div class="section-content">
</div>
</vbox>
</vbox>
</html:body>
</html>